@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.flexslider *,.toperh,.toperh .tel,.prolist .procons,.prolist .procons .up h3,.rightprevnext,.news li .pic p,.news li,.news li .pic,.news li .addtime,.news li .cons,.news li .cons .title a,.news li .cons .content,.news li .cons .title a,.contact li,.aboutul3 li,.indnews .right .addtime,.serviceul li .left .title,.indnews .right .addtime,.indprogram li .cons .pic,.indprogram li,.indprogram li .cons .title,.indprogram li .cons .line,.solutiondesign li .pic p,.indprogram li .cons .content,.toper,.toper .logo,.toper ul,.toper .tel,.toper li dl,.fixright li h1
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.abc
{transition-duration:2.5s;-ms-transition-duration:2.5s;-moz-transition-duration:2.5s; -webkit-transition-duration:2.5s;}
.abc,.news li .pic p:hover,.solutiondesign li .pic:hover p
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc,.message input[type="text"],.message #cbeizu,.message #cbtn,.aboutul3 li,.indnews .right .cons,.indnews .right .addtime,.serviceul li,.serviceul li .right,.home-subjects-v2 li,.home-subjects-v2 li a,.solutiondesign li,.tabPanel2 ul li .cons,.tabPanel2 ul li .num,.oneservice li,.otherservice li
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;}
body {margin:0 auto;font-family:arial,'Microsoft YaHei','微软雅黑';height:100%;color:#454545;font-size:14px; line-height:25px; margin:0 auto; background:#f4f4f4; overflow-x:hidden;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#454545}
a:Hover,.casesubject h2 a:hover,.news li .cons .title a:hover,.solutiondesign li .cons .title a:hover,.msubject .title {color:#e60113;}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%;vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei','微软雅黑';border:0;font-size:15px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
h1,h2,h3,h4,h5 { font-weight:normal}
hr {border:0;border-top:1px solid #d5975c; height:1px;margin:15px 0 12px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #c8c8c8; } 
:-moz-placeholder {color: #c8c8c8; } 
::-moz-placeholder { color: #c8c8c8; } 
:-ms-input-placeholder {color: #c8c8c8; } 
 
.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:50px 0 0 0px; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {background:#f4f4f4;}  
.pager a:hover,.pager span.current { background:#006800;border:1px solid #006800;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #006800} 
.pager a,.pager span.disabled {color:#767676;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:30px; height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 
.pager font {font-family:宋体;}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:50px;margin-bottom:10px;}
.picright {margin-left:50px;margin-bottom:10px;}

.wrap {max-width:1200px;margin:50 auto}
.wrap2 {padding:0 4.5%}

.toper,.toperh.active { background:#fff; height:110px; position:fixed; z-index:9999;left:0;top:0;width:100%;}
.toper .logo,.toperh.active .logo {margin:34px 0 0 0; display:block;float:left; background:url(../images/logo.png) no-repeat center;width:427px; height:41px;}
.toper .tel,.toperh.active .tel { background:url(../images/3.png) no-repeat center;width:44px; height:27px;float:right;margin:40px 0 0 30px}
.toper ul { float:right;margin:20px 0 0 0}
.toper ul li { display:inline-block;text-align:center; position:relative;margin-left:30px}
.toper ul li i,.toperh.active ul li i {background:url(../images/1.png);width:11px; height:7px;vertical-align:top;margin:30px 0 0 10px;display:inline-block}
.toper ul li:hover i,.toper ul li.check i,.toperh.active ul li:Hover i { background:url(../images/5.png);}
.toper li a {font-size:16px; display:block; height:90px; display:block; line-height:65px;border-top:3px solid transparent;color:#333;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a,.toperh.active li a:hover,.toperh.active li:hover>a,.toperh.active ul li.check a {color:#006800;border-color:#006800;}
.toper li dl { position:absolute; z-index:1;top:90px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a,.toperh.active li dl dd a,.toperh.active li dl dd a:hover,.toperh.active li.check dl dd a {font-size:14px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.topblank { height:110px;}

.toperh{ background:none;}
.toperh .logo { background:url(../images/logo2.png)}
.toperh .tel { background:url(../images/4.png) no-repeat center;}
.toperh li a {color:#fff;}
.toperh ul li i,.toperh ul li:hover i { background:url(../images/2.png)}
.toperh.active li a,.toperh.active li.check a {color:#333;}
.toperh li a:hover,.toperh li:hover>a,.toperh ul li.check a,.toperh ul li.check a:hover {color:#fff;border-color:#333;}
.toperh ul li.check a {border-top:3px solid transparent;color:#fff;}

.toper.active2 { height:70px;}
.toper.active2 .logo {margin-top:14px;}
.toper.active2 ul {margin:0;}
.toper.active2 .tel{margin-top:20px}
.toper.active2 li dl {top:70px}

.bannerin { background-position:center; background-repeat:no-repeat; height:310px}

.fy-context-cont { background:#f4f4f4}

.tabPanel {}
.tabPanel ul{ text-align:center;height:65px; line-height:65px;margin:30px 0}
.tabPanel ul li{ display:inline-block; text-align:center;margin:0 15px;font-size:16px; cursor:pointer;border-top:3px solid transparent;color:#888}
.tabPanel ul li.hit {border-color:#e60039;color:#333}
.panes {}
.panes .pane { display:none;}
.panes .pane dd {float:left;width:25%;}

.indprosubject { text-align:center;font-size:35px; line-height:50px;padding:80px 0 30px 0}
.indprosubject .cons1 {color:#006800;font-weight:Bold;}
.indprosubject .cons2 {color:#333}

.prolist { position:relative}
.prolist img {width:100%}
.prolist .procons { position:absolute; z-index:3;width:100%; height:100%; background:rgba(0,0,0,0.6);color:#fff;opacity:0}
.prolist .procons:Hover {opacity:1}
.prolist .procons .up { position:absolute; z-index:4;top:10%;left:10%;width:80%}
.prolist .procons .up h1 {font-size:24px; line-height:30px}
.prolist .procons .up h2 {font-size:14px;margin:3px 0 10px 0}
.prolist .procons .up h3 { height:2px; background:#fff;width:0px;}
.prolist .procons:hover .up h3 {width:50px;}
.prolist .procons .down { background:url(../images/6.png) no-repeat center; width:44px; height:44px; position:absolute; z-index:4;bottom:10%;right:10%}

.maincons {margin-top:65px}
.casesubject { text-align:left;}
.casesubject h1 {font-size:35px; line-height:35px;color:#333;float:left;}
.casesubject h2 {float:right}
.casesubject h2 a {font-size:25px;color:#999}
.casesubject h2 a.check {color:#333}
.casesubject h2 a.check:hover {color:#006800}
.casesubject h2 i {margin:0 20px;color:#333;font-size:23px}

.filtr-item {float:left;width:24.4%;padding:0.3%}
.simplefilter { text-align:right; z-index:10; position:relative;margin-top:20px}
.simplefilter li {cursor: pointer;display: inline-block;text-transform: uppercase;color:#333;margin-left:20px;border-bottom:2px solid transparent; height:60px; line-height:20px;}
.simplefilter li.active {font-weight:bold;border-color:#333}
.caselist {padding:0 4.2%}
.caseline { background:#e6e1e1; height:2px;margin:-2px 0 60px 0;}

.caseshow .current {margin-top:-30px;border-bottom:1px solid #dfdcdc;padding:0 0 15px 0}
.caseshow .title {color:#333;font-size:30px; line-height:40px;margin:45px 0 30px 0}
.caseshow b {color:#333}
.caseshow .left {float:left;width:30%; line-height:30px;}
.caseshow .right {float:right;width:65%; line-height:30px}
.caseshow .right .subject {color:#333;font-weight:Bold;margin:5px 0}
.caseshow .cons {margin-top:30px}
.caseshow .cons img {margin-top:20px}
.caseshow .proline {border-bottom:1px solid #dfdcdc;margin:60px 0 0 0}
.caseshow .relax {color:#333;font-size:32px;margin:40px 0}
.caseshow .prorelax li {float:left;width:32.6666%;margin-right:1%; position:relative}
.caseshow .prorelax li.f3 {margin-right:0}
.rightprevnext { position:fixed; z-index:9999;top:50%;left:50%;margin:-90px 0 0 640px;width:22px;}
.rightprevnext .close { background:url(../images/sw1.png) no-repeat;width:22px; height:23px; display:block;margin-left:-5px;}
.rightprevnext .next { background:url(../images/sw2.png) no-repeat;width:15px; height:27px; display:block;margin:20px 0}
.rightprevnext .prev { background:url(../images/sw3.png) no-repeat;width:15px; height:27px; display:block;margin-bottom:20px}
.rightprevnext .bdsharebuttonbox a.bds_more { background:url(../images/sw4.png) no-repeat;width:21px; height:23px;}
.rightprevnext a:hover{ background-position:bottom}
.rightprevnext .bdsharebuttonbox a.bds_more:hover { background-position:bottom;margin-left:-10px}

.news {margin-top:20px}
.news li{ position:relative;border-bottom:1px solid #dfdcdc;margin:0 0 0 0;padding:20px 0;min-height:130px}
.news li .pic { position:absolute; z-index:1;left:0;width:130px; height:130px; overflow:hidden}
.news li .cons {padding:0 160px}
.news li .cons .title {margin-top:25px; height:20px; line-height:20px; overflow:hidden}
.news li .cons .title a {font-size:16px;color:#333; font-weight:bold;}
.news li .cons .title a:hover { text-decoration:underline}
.news li .cons .content { line-height:25px; height:50px; overflow:hidden;margin-top:15px}
.news li .addtime { position:absolute; z-index:1;right:0;top:0;width:90px;padding:60px 0 0 0;font-size:30px; text-align:center;text-align:right}
.news li .addtime p {font-size:18px;margin:10px 0 0 30px; text-align:left;}
.news li:hover { background:#006800}
.news li:hover .pic {left:20px}
.news li:hover .addtime {right:20px;color:#fff}
.news li:hover .cons {padding:0 160px 0 180px}
.news li:hover .cons .title a {color:#fff;}
.news li:hover .cons .content {color:#fff;}

.newsshow .current {margin-top:-50px}
.newsshow .ncons { line-height:30px;border-top:1px solid #dfdcdc;padding:30px 0 0 0;}
.newsshow .ncons img {margin:10px 0}
.newsshow .titles {float:left;width:55%;color:#333;font-size:30px; line-height:45px;margin:50px 0}
.newsshow .addtime {float:right;width:40%; text-align:right;margin:63px 0 50px 0}
 
.namedw { position:absolute;width:0; height:0;top:-110px;}

.about .aleft {float:left;width:30%;}
.about .aleft .subject {font-size:35px; line-height:45px;color:#333}
.about .aleft .cons {font-size:16px;margin:10px 0 30px 0}
.about .aright {float:right;width:65%;}
.aboutul { text-align:center;margin-top:80px}


@media (max-width: 1920px) {
.aboutul li {float:left;width:30%;margin-right:5%; background:#fff;padding:0 0 30px 0}
.aboutul li.f3 {margin-right:0}
.aboutul li .cons {border-top:4px solid #006800;max-width:230px;margin:0 auto}
.aboutul li .cons .title {font-weight:Bold;font-size:72px; line-height:40px;margin:40px 0 45px 0}
.aboutul li .cons .content {font-size:16px;margin:30px 0}
.aboutul li .cons .line { background:#454545; height:1px;}
}

@media (max-width: 768px) {
.aboutul li {float:left;width:98%;  background:#fff;padding:0 0 10px 0;margin: 10px auto;}
.aboutul li.f3 {margin-right:0}
.aboutul li .cons {border-top:4px solid #006800;max-width:230px;margin:0 auto}
.aboutul li .cons .title {font-weight:Bold;font-size:72px; line-height:40px;margin:40px 0 45px 0}
.aboutul li .cons .content {font-size:16px;margin:30px 0}
.aboutul li .cons .line { background:#454545; height:1px;}
}

.aboutcc { text-align:center; background:url(../images/1.jpg) no-repeat center; background-size:cover;padding:150px 0 250px 0;margin-top:100px;color:#fff;}
.aboutcc .title {font-size:30px; line-height:50px; letter-spacing:1px}
.aboutcc .title strong{font-size:35px}
.aboutcc .line { height:3px; background:#006800;width:70px;margin:30px auto}
.aboutcc .cons {font-size:20px; line-height:30px}
.aboutul2 { text-align:center;margin-top:-70px}
.aboutul2 li {float:left;width:30%;margin-right:5%; background:#fff;padding:40px 0}
.aboutul2 li.f3 {margin-right:0}
.aboutul2 li .content {font-size:20px; line-height:35px;margin:0 0 30px 0}

.team { background:#fff; text-align:center;margin-top:100px}
.team .title {color:#006800;font-size:35px;font-weight:Bold;padding:100px 0 20px 0}
.team .cons {font-size:20px; line-height:35px;max-width:700px;margin:0 auto 30px auto}
.aboutfh { text-align:center}
.aboutfh .title { text-align:center;color:#006800;font-size:35px;font-weight:Bold;padding:90px 0 30px 0}
.aboutfh .cons { text-align:center;font-size:20px; line-height:35px;max-width:800px;margin:0 auto}
.aboutul3 {margin:30px 0 50px 0}
.aboutul3 li {float:left;width:30%;margin-right:5%;border:2px solid #454545;font-size:30px;padding:30px 20px }
.aboutul3 li.f3 {margin-right:0}
.aboutul3 li:hover { background:#006800;color:#fff;border-color:#006800}

.indnews {margin-top:100px;}
.indnews .left {float:left;width:30%;}
.indnews .left .f1 {font-size:33px}
.indnews .left .f2 { line-height:20px;margin:15px 0 25px 0}
.indnews .left .f3 { height:3px; background:#006800;width:40px;}
.indnews .left .f4 {color:#006800;font-weight:bold;font-size:30px; line-height:40px;margin:70px 0}
.indnews .left .f5 { background:#454545;color:#fff;font-size:16px;margin:0 0 5px 0; display:inline-block;padding:0 10px}
.indnews .left .f7 {font-size:30px;font-weight:bold; letter-spacing:1px;margin-top:15px}
.indnews .right {float:right;width:65%}
.indnews .right li {margin-bottom:40px}
.indnews .right li.f3 {margin-bottom:0}
.indnews .right .addtime {float:left;width:15%;border:1px solid #454545; text-align:center;font-size:22px;padding:16px 0 13px 0}
.indnews .right .addtime p {font-size:50px; line-height:50px;margin:10px 0 0 0}
.indnews .right .cons {float:left;width:79%;margin-left:6%;border-right:1px solid #454545;padding:0 6% 0 0}
.indnews .right .cons .title { height:20px; line-height:20px; overflow:hidden;margin-bottom:15px}
.indnews .right .cons .title a {font-size:20px}
.indnews .right .cons .content { line-height:25px; height:75px; overflow:hidden}
.indnews .right li:hover .addtime { background:#006800;color:#fff;border-color:#006800}
.indaboutul {margin-top:0;margin-bottom: 80px;}
.indmain { text-align:center;margin:60px 0}
.indmain .title {color:#006800;font-weight:Bold;font-size:35px; line-height:50px;}
.indmain .cons {font-size:30px; line-height:45px;margin-top:10px}

@media (max-width: 1920px) {
.serviceul li {float:left;width:30%;margin-right:5%;border:2px solid #454545;padding:0 0 30px 0}
.serviceul li.f3 {margin-right:0}
.serviceul li .left {float:left;width:40%;margin-left:10%;height: 100px;}
.serviceul li .left .title { background:#535353;color:#FFF;width:60px; height:70px;padding:10px 10px 0 10px;font-size:25px; line-height:30px;text-align:center;margin:-15px 0 60px 0}
.serviceul li .left .title2 { text-transform:uppercase; line-height:20px;font-weight:Bold;}
.serviceul li .right {float:right;width:80%;padding:0px 20px 0 0; min-height:100px}
.serviceul li:hover .title { background:#006800;color:#fff;}
}

@media (max-width: 768px){
.serviceul li {
  float: left;
  width: 96%;
  margin: 10px auto;
  border:2px solid #454545;
  padding: 0 0 10px 0;
}
.serviceul li.f3 {margin-right:0}
.serviceul li .left {float:left;width:30%;margin-left:8%;height: 100px;}
.serviceul li .left .title { background:#535353;color:#FFF;width:60px; height:70px;padding:10px 10px 0 10px;font-size:25px; line-height:30px;text-align:center;margin:-15px 0 60px 0}
.serviceul li .left .title2 { text-transform:uppercase; line-height:20px;font-weight:Bold;}
.serviceul li .right {float:right;width:60%;padding:60px 20px 0 0; min-height:180px}
.serviceul li:hover .title { background:#006800;color:#fff;}
}
 
.indprogram .indmain .title { font-weight:normal;color:#006800}
.indprogram ul {position:relative; overflow:hidden}
.indprogram li {float:left; background:#fff; height:197px;margin-right:0.7%;width:19.44%}
.indprogram li.f7 {margin-right:0}
.indprogram li .cons { text-align:center;}
.indprogram li .cons .pic {width:72px; height:72px;margin:-10px auto 0 auto}
.indprogram li .cons .title {font-size:20px;font-weight:Bold;margin:8px 0 20px 0}
.indprogram li .cons .line { height:2px; background:#454545;width:30px;margin:0 auto}
.indprogram li .cons .content { height:0;color:#fff; overflow:hidden;}
.indprogram li:hover .cons .content { height:auto;line-height:25px;margin-top:15px}
.indprogram li.f1 .cons .content { line-height:20px;margin-top:18px}
.indprogram li:hover { background:#006800;color:#fff;}
.indprogram li:hover .cons .pic { height:0; overflow:hidden}
.indprogram li:hover .title {color:#fff;}
.indprogram li:hover .line { background:#fff;}
.indprogram li.f1 { height:400px}
.indprogram li.f3 { position:absolute; z-index:1;top:197px;left:19.44%;margin:0.7% 0 0 0.7%}
.indprogram li.f4 { height:400px}
.indprogram li.f6 { position:absolute; z-index:1;top:197px;left:58.32%;margin:0.7% 0 0 2.1%}
.indprogram li.f8 { position:absolute; z-index:1;top:197px;left:77.76%;margin:0.7% 0 0 2.8%}

.indsolution { background:#454545;color:#FFF;padding:1px 0;margin-top:100px}
@media (max-width: 768px){
.ind4 {display: none;}

}
@media (max-width: 1920px){
.ind4 { background:url(/qingkong/images/3.jpg) no-repeat center; background-size:cover;padding:1px 0 70px 0; background-attachment:fixed}
.ind4 .indmain {color:#fff}
.ind4 .indmain .title {color:#006800}
}
.home-subjects-v2 li *{-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}
.home-subjects-v2{height:365px; background:rgba(255,255,255,0.85);overflow:hidden;}
.home-subjects-v2 li{width:15%;height:365px;float:left;overflow:hidden;border-right:1px solid #454545;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;}
.home-subjects-v2 li.f4 {border-right:0}
.home-subjects-v2 li a{color:#454545;width:100%;height:365px;padding:0 40px;display:block;position:relative;cursor:pointer;text-decoration:none;overflow:hidden;}
.home-subjects-v2 li .left{float:left;}
.home-subjects-v2 li .left .num {color:#006800;font-size:45px; line-height:45px;margin:90px 0 20px 0}
.home-subjects-v2 li .left .title {color:#006800;font-size:28px; line-height:38px;font-weight:bold;}
.home-subjects-v2 li .left .title2 { line-height:20px;margin:10px 0 15px 0}
.home-subjects-v2 li .left .line {width:30px; height:2px; background:#454545;}
.home-subjects-v2 li .right{float:left;opacity:0;}
.home-subjects-v2 li .right .pic {float:right;width:48%; text-align:right;}
.home-subjects-v2 li .right .cons {float:right;width:45%;margin:0 0 0 7%; height:365px; text-align:left;}
 
.home-subjects-v2 .big{width:55%; background:#fff;}
.home-subjects-v2 .big a{width:100%;text-decoration: none;}
.home-subjects-v2 .big .left{width:20%;}
.home-subjects-v2 .big .right{width:80%}
.home-subjects-v2 li a:hover .right,.home-subjects-v2 .big .right{opacity:1; }
.home-subjects-v2 .big .left .num {font-size:70px; line-height:70px;margin:40px 0 15px 0}
.home-subjects-v2 .big .left .title2 {font-weight:bold;}


.solution {margin-top:-50px}
.solution li .list { display:inline-block; vertical-align:middle;width:40%;}
.solution li {border-bottom:1px solid #333;padding:80px 0}
.solution li .list .num {color:#006800;font-size:100px; line-height:100px;}
.solution li .list .title {font-size:35px; line-height:50px;color:#006800;font-weight:Bold;margin:15px 0 15px 0}
.solution li .list .title span { font-weight:normal;color:#000;margin-left:15px}
.solution li .list .cons {font-size:20px; line-height:40px}
.solution li .pic { display:inline-block; vertical-align:middle;width:50%;margin-left:10%}
.solutiondesign .subject { text-align:center;padding:80px 0 60px 0}
.solutiondesign .subject .title {color:#006800;font-size:35px; line-height:50px;font-weight:bold;}
.solutiondesign .subject .cons {font-size:18px;  line-height:35px;margin-top:10px}
.solutiondesign li {float:left;width:23.875%;margin:0 1.5% 0 0;}
.solutiondesign li.f4 {margin-right:0}
.solutiondesign li .pic { position:relative; overflow:hidden}
.solutiondesign li .cons {border:1px solid #c6c4c4;padding:30px;}
.solutiondesign li .cons .title { height:20px; line-height:20px; overflow:hidden;margin:0 0 10px 0}
.solutiondesign li .cons .title a {color:#000;font-size:20px;font-weight:Bold;}
.solutiondesign li .cons .content {color:#999; line-height:25px; height:50px;}
.solutiondesign li .cons .content a {color:#999}
.indsolutionlist { background:#efefef}
.tabPanel2 ul {float:left;width:32%;margin:-30px 0 100px 0}
.tabPanel2 ul{}
.tabPanel2 ul li{}
.tabPanel2 ul li .cons {border:4px solid #333; width:172px; height:172px;float:left; background:#efefef}
.tabPanel2 ul li .cons .cons2 { display:inline-block; vertical-align:middle;margin:0 5% 0 10%;width:67%}
.tabPanel2 ul li .cons .cons2 .title {font-weight:bold;font-size:18px; line-height:30px;}
.tabPanel2 ul li .cons .cons2 .content {font-size:18px; line-height:25px;margin-top:3px}
.tabPanel2 ul li .cons .icon { display:inline-block; vertical-align:middle;font-weight:bold;font-size:25px; font-family:宋体;width:10%;margin:0 8% 0 0; text-align:right;}
.tabPanel2 ul li .num {float:left;width:180px; height:180px; line-height:180px; text-align:center;color:#e60113;font-size:80px;opacity:0}
.tabPanel2 ul li.hit .cons {border-color:#006800; background:#006800;color:#fff}
.tabPanel2 ul li.hit .num {opacity:1}
.panes2 {float:right;width:63%;margin-top:70px; text-align:right}
.panes2 .pane2 { display:none;}

.qaservice {margin-top:-65px}
.qaservice li { display:inline-block; vertical-align:top;width:24.625%;margin:0 0.5% 0 0; background:#fff}
.qaservice li.f4 {margin-right:0}
.qaservice li .pic { position:relative;}
.qaservice li .pic .list { position:absolute; z-index:2;color:#fff;font-weight:Bold;left:13%; height:100%;font-size:25px; letter-spacing:1px}
.qaservice li .cons {max-width:74%;margin:25px auto;min-height:200px}
.msubject { text-align:center;padding:60px 0 40px 0}
.msubject .title {font-weight:bold;font-size:33px; line-height:50px;}
.msubject .cons {font-size:18px; line-height:35px;}
 
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.wrap {width: 1200px; margin: 0 auto;}
/*鍨傜洿瀵归綈*/
.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
/*鏂囧瓧鎴彇*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*鍥剧墖*/
.pic {width: 100%; overflow: hidden;height: 100%;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.bgeee {background: #eee;}
.greenborder{border: 2px solid #006800;width: 276px !important;height:110px;}
/*top*/
#top {position: fixed; width: 100%; top: 0; height: 100px; line-height: 100px; background: #fff; z-index: 222; box-shadow: 0 0 20px 1px #c7c7ca;}
.logo {float: left; height: 100%; margin-right: 35px; font-size: 0;}
.logo img {vertical-align: middle;}
#nav {float: left;}
#nav ul li {float: left; width: 100px; margin-left: 1px; text-align: center;}
#nav ul li:first-child {width: 70px; margin-left: 0;}
#nav ul li > a {display: block; height: 100%;}
#nav ul li.active > a {color: #f9f9f9; background: #006800;}
#nav ul li > a:hover {color: #f9f9f9; background: #006800;}
.navDown {display: none;}
.navBtn {display: none;}
.topPhone {float: right; height: 36px; margin-top: 35px;}
.topPhone .pic {float: left; width: 34px; height: 34px; margin-top: 2px; margin-right: 8px;}
.topPhone .cont {float: right;}
.topPhone .cont h3 {font-size: 16px; line-height: 26px;}
.topPhone .cont p {font-size: 26px; color: #006800; line-height: 26px;}
.pull_left_left h3{ font:400 26px/40px "微软雅黑";letter-spacing:0.9px; color:#006800; }
.pull-left_left span{font:400 26px/35px "微软雅黑";  color: #3682d2;margin-top:5px;font-weight: bold;}
.pull-left_left h4{  color: #a066cc1; font:400 18px/30px "微软雅黑";}
/*header model S*/
.miya_header {
    margin: 0 auto;
    padding: 10px 0;
	max-width: 100%;
	width: 1200px;
}
.about-us.wow.animated.fadeInUp.animated p{ color:#FFF;}
.miya_header_logo {
    float: left;
}
li.cas_pic{    -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
.miya_header_logo img {
    margin-top: 10px;margin:13px 0 0 0px;
}
.image{ height: 180px; width: 100%;overflow: hidden;}
.miya_index_case_info_box { margin: 0px 5px;}
.miya_index_case_info_box:hover img{ cursor: pointer; -webkit-transform: scale(1.1); moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.miya_index_case_info_box img{ transition: all .5s;}
.miya_index_product_sort a {
    display: block;
    width: 214px;
	border-radius: 15px;
	font-size:12px;
}
.miya_index_product_sort a:hover{ background:#006800; color:#FFF;border-radius: 15px; font-size:14px;}
.miya_header_right {
    float: right;
}
.miya_index_product_info_li_img:hover img
 { cursor: pointer; -webkit-transform: scale(1.1); moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.miya_index_product_info_li_img img {
    max-width: 200px;
    display: block;
	transition: all .5s;
	
}
.miya_header_phone {
	width: 328px;
    height: 80px;
	background:url(../images/hotext.png) right 50% no-repeat
}
.about-us a{text-decoration: none;
	color:#c5c5c5;
    padding: 7px 10px 5px 10px;
    margin-left: 0;
    background: #024fa8;
    border-radius: 7px;
}
.about-us a:hover{     color: #fff;
    background-color: #3368bb;
    text-decoration: none;:}
.miya_header_phone p {
    display: block;

    height: 30px;
    line-height: 30px;
    position: relative;
    top: 40px;
    left: 199px;
    font-size: 24px;
    color: #fb6003;
}

.miya_header_search {
    margin-top: 10px;
    width: 300px;
}

.miya_header_search form {
    border: 1px solid #ccc;
    height: 32px;
    width: 300px;
    float: right;
}

.miya_header_search form input {
    border: none;
    width: 268px;
    height: 32px;
    text-indent: 15px;
    float: left;
    font-size: 10px;
    color: #666;
}

.miya_header_search form button {
    border: none;
    background: url(../images/search.png) no-repeat 50% 50%;
    background-size: 24px 24px;
    width: 32px;
    height: 32px;
}

.miya_header_seo {
    font-size: 12px;
    margin-top: 5px;
}

.miya_header_seo a {
    color: #000;
}

/*header model E*/

/*nav modle S*/
.miya_nav {
    width: 100%;
    float: left;
    height: 52px;
    margin: 5px 0 0 0;
    padding: 0px;
    background-color: #006800;
    line-height: 50px;
    vertical-align: middle;
}

.miya_nav_box {
    width: 1204px;
    margin: 0px auto;
    text-align: center;
}

.miya_nav_box > li {
    width: 172px;
    height: 50px;
    list-style: none;
    float: left;
}

.miya_nav_box li a {
    width: 100%;
    display: block;
    color: #fff;
    font-size: 16px;
    height: 50px;
    float: left;
}

.miya_nav_box li a:hover{
    background: #009100;
    color: #fff;
	    font-size: 18px;
}

.miya_nav_scroll {
    width: 140px;
    display: none;
    background: #f6f6f6;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 999;
}

.miya_nav_box li:hover .miya_nav_scroll {
    display: block;
}

.miya_nav_scroll a {
    font-size: 12px !important;
}

/*nav modle E*/

a{text-decoration: none !important;}

@media (max-width: 768px) {
.miya_header{width: 100%}
.miya_nav_box > li {
    width:auto;
    padding: 0 9px 0 3px;
    height: 50px;
    list-style: none;border-right: 1px solid #FFF;
    float: left;
}
/* .waphidden{display: none;} */
/*.miya_header_logo{width: 100%;}*/
/*.miya_header_logo img{width:200px;float: left; }*/
.miya_nav_box li a{font-size: 14px;text-decoration: none;}
.miya_nav_box li a:hover{font-size: 14px;}
.wapleft{width:250px;}
.pull_left_left {
    float: right;
    margin-top:0px;
    height: 0px;
}
.wapleft h3{font-size: 23px;
    letter-spacing: unset;
    height: 42px;
    line-height: 42px;
    font-weight: 700;}
}

}

@media (max-width: 1920px) {
    .webhidden{display: none;}
}
@media (max-width: 768px) {
	.wapleft h4{display: none;}
    .webhidden{display: block;}
}


/*footer*/
#bottom {height: 65px; line-height: 65px; color: #fff; background: #666666; position: relative; z-index: 8;}
#bottom a {/*width: 120px;*/ /*text-align: center;*/ margin: 0 22px; color: #fff; }
#bottom a:hover {color: #e83522;}
#bottom em {margin-right: 16px;}
#footer {padding: 50px 0; color: #fff; background: #1a1a1a; position: relative; z-index: 8;}
#footer .left {float: left;}
.footerZx {width: 248px;}
.footerZxH {display: block; width: 136px; height: 38px; margin-bottom: 18px; line-height: 38px; text-align: center; font-size: 16px; border-radius: 19px; color: #fff; background: #e83522;}
.footerZxH:hover {background: #ca2615;}
.footerZxH span {display: inline-block; width: 31px; height: 100%; margin-right: 2px; font-size: 0; vertical-align: top;}
.footerZxH span img {vertical-align: middle;}
.footerZxPhone h3 {font-size: 14px; line-height: 20px;}
.footerZxPhone p {font-size: 24px; color: #e83522; line-height: 26px;}
.footerCopy {line-height: 26px; margin-top: 34px;}
.footerEwm {margin-left: 40px; padding: 0 50px; text-align: center; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c;}
.footerEwm p {line-height: 38px; margin-top: 6px; color: #a0a0a0;}
.footerEwm .pic {width: 146px;}
#footer ul {float: right;}
#footer ul li {float: left; margin-left: 106px;}
#footer ul li:first-child {margin-left: 0;}
#footer ul li h3 {font-weight: 600; line-height: 24px; margin-bottom: 12px;}
#footer ul li p {line-height: 28px;}
#footer ul li p a {color: #a0a0a0;}
#footer ul li p a:hover {color: #e83522;}

.main {position: relative; z-index: 5;margin-top: 57px;width: 100%;overflow: hidden; }
/*banner*/
.bx-wrapper .bx-viewport {height:auto !important; background: none; border: none; box-shadow: none; left: 0;}
.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}
.banner {}
.banner {width: 100%;}
.banner img {display: block; width: 100%;}
.banner img.img2 {display: none;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.banner li a {display: block; width: 100%;}
.banner .bx-wrapper .bx-pager {bottom: 3.444%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a {width: 14px; height: 14px; border-radius: 50%; background: #006800;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #25aa2f;}

.homeAdvance {padding: 100px 0 100px 0; background: #f5f5f5;}
.homeAdvance .wrap {/*overflow: hidden;*/}
.homeAdvanceTit {text-align: center;}
.homeAdvanceTit h2 {    line-height: 78px;
    font-size: 45px;
    color: #fff;
    width: 300px;
    margin: 0 auto;
    border: 1 solid;
    background: #006800;
}}
.homeAdvanceTit h2 span {color: #006800;}
.homeAdvanceTit p {font-size: 18px; line-height: 36px; color: #666666;}
.homeAdvanceW {width: 1408px;   margin-left: auto; margin-right: auto; margin-top: 42px;}
.homeAdvanceW ul {float: left; margin-left: -69px;}
.homeAdvanceW ul li {width: 318px; height: 276px; margin-bottom: 11px; }
.homeAdvanceW .homeAdvanceList1 {margin-top: 231px; margin-left: 0;}
.homeAdvanceW .homeAdvanceList1 li {width: 452px; height: 392px;}
.homeAdvanceW .homeAdvanceList2 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList2 li {}
.homeAdvanceW .homeAdvanceList3 {}
.homeAdvanceW .homeAdvanceList3 li {}
.homeAdvanceW .homeAdvanceList4 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList4 li {}
.homeAdvanceCont {padding-top: 24px; box-sizing: border-box; background: url(../images/home_advance_bg.png) no-repeat center; background-size: 100%;}
.homeAdvanceCont h3 {height: 88px; margin-bottom: -6px; line-height: 88px; font-size: 30px; font-weight: 600; text-align: center; color: #006800;}
.homeAdvanceCont p {padding: 0 32px 0 46px; line-height: 22px; color: #666666;}
.homeAdvanceCont .bg {}

.homeSp { background: #eee;}
.homeSpH {height: 424px; color: #fff; background: url(../static/picture/sp_advance_im1.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpH .bg {width: 100%; height: 100%;  position: absolute; left: 0; top: 0; z-index: 0;}
.homeSpH .wrap {position: relative; z-index: 2;}
.homeSpH h2 {padding-top: 64px; font-size: 24px; font-weight: 600; line-height: 28px;}
.homeSpH h3 {font-size: 36px; font-weight: 600; line-height: 46px;}
.homeSpH h4 {font-size: 21px; line-height: 32px;}
.homeSpH p {color: #fff; line-height: 72px;font-size: 21px;}
.homeSpH .line {width: 56px; height: 1px; margin: 30px 0 22px 0; background: #fff;}
.homeSpT {}
.homeSpT .left {float: left; width: 50%; }
.homeSpT .right {float: right; width: 50%; height: 518px; /*margin-top: -118px;*/ position: relative; z-index: 22;} 
.homeSpTW {position: absolute; width: 100%; height: 517px; left: 0; bottom: 0; background: #fff;}
.sliderHomeSpT {width: 100%; height: 100%;}
.sliderHomeSpT li {width: 100%; height: 100%;}
.homeSpTInner {width: 80%; margin: 0 auto;}
.homeSpTInner:first-child {padding-top: 60px; padding-bottom: 16px; margin-bottom: 48px; border-bottom: 1px solid #d2d2d2;}
.homeSpTInner h2 {height: 36px; margin-bottom: 16px; font-size: 30px; line-height: 36px;}
.homeSpTInner h2 span {display: inline-block; width: 32px; height: 100%; margin-right: 6px; font-size: 0; vertical-align: top;}
.homeSpTInner h2 span img {display: inline-block; vertical-align: middle;}
.homeSpTInner p {height: 148px; line-height: 24px; overflow: hidden;}
.homeSpTW .bx-wrapper .bx-pager {padding-left: 10%; bottom: 18px; text-align: left; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpTW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.homeSpTW .bx-wrapper {height: 100%;}
.homeSpTW .bx-wrapper .bx-controls-direction a {width: 50%; height: 50px; top: auto; margin-top: 0; bottom: -50px; background-color: #006800; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-controls-direction a:hover {background-color: #e83522; background-position: center;}
.homeSpTW .bx-wrapper .bx-prev {left: 0; background-image: url(../images/jt_zuo.png);  /*border-right: 1px solid #f5f5f5;*/}
.homeSpTW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you.png);}
.homeSpB {padding: 60px 90px 92px 90px; background: #fff; margin-top: 110px; position: relative;}
.homeSpB .bg {position: absolute; left: 32px; top: -50px;}
.homeSpBH {height: 200px; text-align: center; background: url(../images/sp_advance_im4.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpBHCont {color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homeSpBHCont h2 {font-size: 24px; line-height: 36px;}
.homeSpBHCont p {font-size: 30px; font-weight: 600; line-height: 35px;}
.homeSpBH a {position: absolute; width: 136px; height: 36px; line-height: 36px; border-radius: 18px; color: #fff; background: #e83522; left: 50%; bottom: -16px; transform: translateX(-50%);}
.homeSpBH a:hover {background: #CA2615;}
.homeSpBW {margin-top: 60px; position: relative;}
.sliderHomeSpB {/*border-bottom: 1px solid #dcdcdc;*/}
.sliderHomeSpB li {float: left; width: 20%; text-align: center;}
.sliderHomeSpB li a {display: inline-block; padding-bottom: 45px; text-align: center; font-size: 16px;  position: relative;}
.sliderHomeSpB li a:hover span {width: 100%;}
.sliderHomeSpB li a:hover {color: #006800;}
.sliderHomeSpB li .num {width: 52px; height: 52px; margin: 0 auto; line-height: 52px; color: #006800; background: url(../images/icon_bg.png) no-repeat center; background-size: 100%;}
.sliderHomeSpB li p {line-height: 34px;}
.sliderHomeSpB li span {width: 0; height: 1px; background: #006800; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.homeSpBW .bx-viewport {/*padding-bottom: 4px;*/}
.homeSpBW .bx-wrapper .bx-pager {bottom: -60px; box-sizing: border-box;}
.homeSpBW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2;}
.homeSpBW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpBW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #006800;}
.homeSpBW .bx-wrapper {height: 100%;}
.homeSpBW .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: auto; margin-top: 0; bottom: -62px; border: 1px solid #fff; /*background-color: #006800;*/ background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeSpBW .bx-wrapper .bx-controls-direction a:hover {/*background-color: #e83522;*/ border: 1px solid #eee; background-position: center;}
/*.homeSpBW .bx-wrapper .bx-prev {left: 450px; background-image: url(../images/jt_zuo1.png);}*/
/*.homeSpBW .bx-wrapper .bx-next {right: 450px; background-image: url(../images/jt_you1.png);}*/
.lineW {position: absolute; width: 100%; height: 1px; background: #dcdcdc; bottom: 0; left: 0; z-index: 22;}
.lineW span {display: block; width: 210px; height: 1px; background: #006800; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}

.homeZpc {/*height: 763px;*/ padding: 118px 0 130px 0;}
.homeZpc .wrap {/*padding-top: 118px;*/}
.homeZpc .left {float: left; width: 450px; height: 500px; position: relative;}
.homeZpc .left .pic {position: relative; width: 100%; height: 100%; left: 0; top: 0; z-index: 24;}
.homeZpc .left .picBg {position: absolute; width: 100%; height: 100%; background: #006800; left: 10px; top: 10px; z-index: 22;}
.homeZpc .right {float: right; width: 694px;}
.homeZpc .right h2 {font-size: 36px; font-weight: 600; color: #006800;}
.homeZpc .right .line {width: 188px; height: 1px; margin: 20px 0 0 -128px; background: #006800; position: relative; z-index: 24;}
.homeZpcCont {margin-top: 26px;}
.homeZpcCont p {line-height: 22px; margin-bottom: 7px;}
.homeZpcList {margin-top: 42px;}
.homeZpcList li {float: left; width: 100px; height: 100px; margin-right: 20px; text-align: center;}
.homeZpcList li a {display: block; width: 100%; height: 100%; color: #fff; background: #333333;text-decoration: none;}
.homeZpcList li a:hover {background: #006800;}
.homeZpcList li a:hover span {color: #006800;}
.homeZpcList li p {line-height: 20px; padding-top: 26px;}
.homeZpcList li span {display: inline-block; width: 16px; height: 16px; margin-top: 6px; line-height: 16px; border-radius: 50%; color: #333; background: #fff;}

.homeDzzx {padding-bottom: 86px; background: #eee;}
.homeDzzxH {height: 300px; text-align: center; color: #fff; background: url(../static/picture/zpc_bg.jpg) no-repeat center; position: relative;}
.homeDzzxH .bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2;}
.homeDzzxCont {position: relative; z-index: 5;}
.homeDzzxH h2 {font-size: 36px; line-height: 40px; margin: 0 0 34px 0; padding-top: 90px;}
.homeDzzxH h3 {}
.homeDzzxH h3 a {display: inline-block; width: 118px; height: 34px; margin: 0 10px; line-height: 34px; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 6px;}
.homeDzzxH h3 a:first-child {background: #006800; border-color: #006800;}
.homeDzzxH h3 a:hover {background: #015331; border-color: #015331;}
.homeDzzx .wrap {margin-top: 100px;}
.homeDzzxT {}
.homeDzzxT .left {float: left; width: 662px;}
.homeDzzxT .left ul {}
.homeDzzxT .left ul li {float: left; width: 316px; margin-right: 30px;height: 200px;}
.homeDzzxT .left ul li:first-child {width: 100%;height: 420px; }
.homeDzzxT .left ul li:nth-child(2n+1) {margin-right: 0;}
.homeDzzxTH {position: relative; padding-right: 50px;}
.homeDzzxTH h2 {padding-top: 30px; font-size: 36px; font-weight: 600; color: #006800;}
.homeDzzxTH p {color: #666666;}
.homeDzzxTH .line {width: 40px; height: 1px; margin: 8px 0 28px 0; background: #006800;}
.homeDzzxMore {position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 30px; color: #fff;top: 40px; right: 0; z-index: 22;}
.homeDzzxMore:hover {background-color: #015331;}
.homeDzzxT .right {float: right; width: 508px;}
.homeDzzxT .right ul {margin-top: 55px;}
.homeDzzxT ul li {position: relative; margin-bottom: 30px;float: left;height: 290px}
.homeDzzxT ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeDzzxT ul li > a {display: block; width: 100%; height: 100%;}
.homeDzzxT ul li .bg {  position: absolute; width: 100%; height:80px; /*background: rgba(0,107,62,0.8); */left: 0; bottom: 0; z-index: 22;}
.homeDzzxT ul li:hover .bg {  background: rgba(0,0,0,0.7);  }
.homeDzzxT ul li .bg .bgW {  text-align: left; color: transparent; position: relative;margin-left:5px; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homeDzzxT ul li:hover .bg .bgW { color: #fff; }
.homeDzzxT ul li .bg .bgW h3 {font-size: 16px;}
.homeDzzxT ul li .bg .bgW a {display: inline-block; width: 34px; height: 34px; margin-top: 14px; line-height: 32px; color: transparent; font-size: 16px; border: 1px solid transparent; border-radius: 50%;}
.homeDzzxT ul li:hover .bg .bgW a  {color: #006800; background: #fff; border-color: #015331;}
.left .pic img{height: 100%}
.homeDzzxB {margin-top: 58px;}
.homeDzzxBH {position: relative;}
.homeDzzxBH .line {width: 100%; height: 1px; background: #b5b5b5; position: absolute; top: 50%; left: 0; z-index: 20;}
.homeDzzxBH .block {float: right; width: 142px; height: 50px; background: #eee; position: relative; z-index: 22;}
.homeDzzxBHCont {float: left; padding-right: 32px; background: #eee; position: relative; z-index: 22;}
.homeDzzxBHCont h3 {line-height: 42px; font-size: 30px; font-weight: 600; color: #006800;}
.homeDzzxBHCont p {line-height: 34px; font-size: 18px; color: #666;}
.homeDzzxBW {position: relative;}
.homeDzzxBW ul {width: 100%; padding-top: 52px;}
.homeDzzxBW ul li {float: left; width: 280px; margin-right: 20px; text-align: center;}
.homeDzzxBW ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeDzzxBW ul li:hover p {color: #006800;}
.homeDzzxBW ul li a {display: block;}
.homeDzzxBW ul li p {margin-top: 16px; height: 34px; line-height: 34px; font-size: 16px; color: #666;}
.homeDzzxBW .bx-wrapper .bx-controls-direction a {width: 42px; height: 42px; top: -59px; margin-top: 0; background-color: #c2c2c2; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeDzzxBW .bx-wrapper .bx-controls-direction a:hover {background-color: #006800; background-position: center;}
.homeDzzxBW .bx-wrapper .bx-prev {left: auto; right: 62px; background-image: url(../images/jt_zuo2.png);}
.homeDzzxBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}

.homeNews {padding: 92px 0 60px 0; background: #fff;}
.homeNewsH {height: 52px; line-height: 46px; position: relative;}
.homeNewsH .line {width: 100%; height: 1px; background: #b5b5b5; position: absolute; top: 50%; left: 0; z-index: 20;}
.homeNewsH .left {float: left; position: relative; z-index: 22;}
.homeNewsH .left h3 {font-size: 0;}
.homeNewsH .left h3 span {display: inline-block; margin-top: 2px; line-height: 18px; font-size: 16px; font-weight: 600; color: #333; vertical-align: top;}
.homeNewsH .left h3 em {display: inline-block; padding-right: 20px; font-size: 50px; font-weight: 600; color: #006800; background: #fff;}
.homeNewsH .right {float: right; text-align: right; padding-left: 22px; line-height: 52px; font-size: 0; background: #fff; position: relative; z-index: 22;}
.homeNewsH .right a {display: inline-block; width: 112px; height: 36px; margin-left: 8px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: #006800; vertical-align: middle;} 
.homeNewsH .right a:first-child {margin-left: 0;}
.homeNewsH .right a:hover {background: #e83522;}
.homeNewsH .right a.on {background: #e83522;}
.homeNewsW {margin-top: 50px;}
.homeNewsInner {display: none;}
.homeNewsInner:first-child {display: block;}
.homeNewsInner ul {width: 47%;}
.homeNewsInner ul.left {float: left;}
.homeNewsInner ul.right {float: right;}
.homeNewsInner ul li {margin-bottom: 45px; border-bottom: 1px solid #dcdcdc;}
.homeNewsInner ul li:last-child {border-bottom: none;}
.homeNewsInner ul li:hover .homeNewsNum {color: #006800;}
.homeNewsInner ul li:hover .homeNewsContH h3 a {color: #006800;}
.homeNewsInner ul li:hover .homeNewsContH p {color: #006800;}
.homeNewsNum {float: left; width: 11.222%; font-size: 36px; line-height: 44px;}
.homeNewsCont {float: right; width: 88.666%;}
.homeNewsContH {padding-right: 68px; position: relative;}
.homeNewsContH h3 {line-height: 26px; font-size: 18px; font-weight: 600;}
.homeNewsContH p {line-height: 20px; font-size: 12px; color: #666;}
.homeNewsMore {position: absolute; width: 64px; height: 30px; line-height: 30px; text-align: right; top: 0; right: 0; z-index: 22;}
.homeNewsMore:hover {color: #006800;}
.homeNewsTxt {padding: 16px 0 46px 0;}
.homeNewsTxt p {line-height: 24px; color: #666;}

/***********关于我们*************/
.bannerAbout {background-image: url(../images/zy_banner03.jpg); }
.banneryoushi{background-image: url(../images/zy_banner09.jpg);}
.bannermessage {background-image: url(../images/banner_message.jpg); }
.bannerBox .bg {position: absolute; width: 100%; height: 213px; background: url(../images/banner_about_bg.png) no-repeat center bottom; background-size: auto 100%; left: 0; bottom: 0; z-index: 1;}
.aboutL {float: left; width: 23.356%; }
.aboutH {height: 70px;
    margin-top: -69px;
    text-align: center;
    color: #fff;
    background: #006800;
    position: relative;
    z-index: 22;
    }
.aboutH h3 {    padding-top: 24px;
    line-height: 5px;
    font-size: 14px;
   }
.aboutH h2 {    line-height: 40px;
    font-size: 24px;
    font-weight: 600;}
.aboutNav {background: #fff;}
.aboutNav li {height: 48px; line-height: 48px; font-size: 16px; border-bottom: 1px solid #dadada;}
.aboutNav li a {display: block; padding: 0 22px; position: relative;}
.aboutNav li:hover a {color: #006800; background: #f9f9f9;}
.aboutNav li:hover span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.aboutNav li.on {border-bottom: 1px solid #fff;}
.aboutNav li.on a {color: #006800; background: #f9f9f9;}
.aboutNav li.on span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.jtAbout {position: absolute; width: 30px; height: 30px; background: url(../images/jt_about.png) no-repeat center; background-size: 8px; right: 16px; top: 50%; transform: translateY(-50%);}
.aboutLAd {margin: 15px 0;}
.aboutLAd:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutContact {padding: 0 0 30px 0; background: #fff;}
.aboutContactH {padding: 12px 0; border-bottom: 1px solid #dadada;}
.aboutContactH h2 {height: 20px; padding-left: 16px; line-height: 20px; font-size: 16px; border-left: 3px solid #006800;}
.aboutContact ul {margin-top: 28px;}
.aboutContact ul li {padding: 0 10px 0 14px; margin-bottom: 12px; line-height: 22px;}
.aboutContact ul li span,.aboutContact ul li em,.aboutContact ul li p {display: inline-block; }
.aboutContact ul li span {width: 22px; height: 22px; margin-right: 1px; font-size: 0; text-align: center; vertical-align: top;}
.aboutContact ul li span img {vertical-align: middle;}
.aboutContact ul li em {width: 46px; vertical-align: top;}
.aboutContact ul li p {width: 174px;}
.aboutEwm {text-align: center;}

.aboutR {float: right; width: 74%;}
.aboutRTop {font-size: 16px; color: #f9f9f9;}
.aboutRTop a {color:#333;}
.aboutRTop a:hover {color: #006800;}
.aboutRTop p {margin-top: 42px;
 line-height: 22px;
 /* padding-left: 22px; */
 background: url(../images/about_r_position.png) no-repeat left center;
 position: relative;
 z-index: 22;
 color: #333;}
.aboutRH {margin-top: 62px; text-align: center;}
.aboutRH h2 {font-size: 36px; line-height: 46px;}
.aboutRH p {font-size: 16px; line-height: 26px;}
.aboutRW {margin-top: 22px;}
.aboutPic {float:left; box-sizing: border-box; width: 335px; height: auto; margin: 0 48px 24px 0; border: 10px solid #ddd;}
.aboutPic:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutRW h3 {margin-top: 10px; margin-bottom: 32px; font-size: 36px; font-weight: 600; color: #006800;text-align: center;}
.aboutRW p {font-size: 18px; line-height: 30px; margin-bottom: 42px;}
.aboutRInner {padding: 30px 70px 30px 58px; margin-bottom: 60px; background: #fff;}
.aboutRInnerWrit {float: left; width: 302px;}
.aboutRInnerWrit h2 {font-size: 36px; line-height: 44px;}
.aboutRInnerWrit h3 {margin-bottom: 22px; font-size: 18px; color: #666; line-height: 24px;}
.aboutRInnerWrit p {color: #666; line-height: 24px;}
.aboutRInnerPic {float: right; width: 452px;}
.aboutRInnerPic img {width: 100%;}

/***********鐢熶骇宸ヨ壓*************/
.bannerProduct {background-image: url(../images/banner_product.jpg);}
.productWhy {padding: 88px 0 74px 0; background: url(../images/product_cont_bg.jpg) no-repeat center; background-size: cover; }
.productWhyH {text-align: center;}
.productWhyH h2 {line-height: 56px; font-size: 48px; font-weight: 600;}
.productWhyH h2 span {color: #006800;}
.productWhyH p {margin-top: -14px; font-size: 33px; color: #666; height: 70px; line-height: 70px;}
.productWhyH p span {display: inline-block; width: 126px; height: 100%; margin-right: 6px; vertical-align: top;  background-size: 100%;} 
.productWhy .pic {margin-top: 50px;}
.productTab {position: relative;}
.productNext {width: 86px; height: 72px; position: absolute; left: 50%; transform: translateX(-50%); top: -42px;/* margin-top: -36px;*/ z-index: 22; cursor: pointer;}
.productNext span {width: 18px; height: 18px; background: url(../images/jt_product.png) no-repeat center; position: absolute; left: 50%; top: 36px; transform: translateX(-50%); animation:animation1 3s infinite; animation-timing-function: linear;}
@keyframes animation1{
  0% {top: 36px;}
  25% {top: 33px;}
  50% {top: 36px; }
  75% {top: 39px;}
  100% {top: 36px;}
}
.productNext1 {background: url(../images/product_next_btn_bg.png) no-repeat center top; background-size: 100%; top: -42px;}
.productNext2 {background: url(../images/product_next_btn_bg1.png) no-repeat center top; background-size: 100%; top: -42px;}
.productNext3 {background: url(../images/product_next_btn_bg2.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext3 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}
@keyframes animation2{
  0% {top: 24px;}
  25% {top: 21px;}
  50% {top: 24px; }
  75% {top: 27px;}
  100% {top: 24px;}
}
.productNext4 { background-size: 100%; top: -30px;}
.productNext4 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}
.productNext5 {background: url(../images/product_next_btn_bg4.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext5 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}


.productYf {padding: 74px 0 90px 0;}
.productYf h2 {font-size: 36px; text-align: center;}
.productYfList {margin-top: 54px;}
.productYfList li {float: left; width: 16.666%; text-align: center;}
.productYfList li a {display: inline-block;}
.productYfList li a:hover {color: #006800;}
.productYfList li a:hover span {background: url(../images/product_yf_bg_a.png) no-repeat center; background-size: 100%;}
.productYfList li a:hover span.icon1 em {background-image: url(../images/product_yf_icon1_a.png); background-size: 55px;}
.productYfList li a:hover span.icon2 em {background-image: url(../images/product_yf_icon2_a.png); background-size: 60px;}
.productYfList li a:hover span.icon3 em {background-image: url(../images/product_yf_icon3_a.png); background-size: 57px;}
.productYfList li a:hover span.icon4 em {background-image: url(../images/product_yf_icon4_a.png); background-size: 50px;}
.productYfList li a:hover span.icon5 em {background-image: url(../images/product_yf_icon5_a.png); background-size: 54px;}
.productYfList li a:hover span.icon6 em {background-image: url(../images/product_yf_icon6_a.png); background-size: 53px;}
.productYfList li span {display: inline-block; width: 134px; height: 146px; background: url(../images/product_yf_bg.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.productYfList li span em {display: inline-block; width: 100%; height: 100%; vertical-align: top; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.productYfList li span.icon1 em {background-image: url(../images/product_yf_icon1.png); background-size: 55px;}
.productYfList li span.icon2 em {background-image: url(../images/product_yf_icon2.png); background-size: 60px;}
.productYfList li span.icon3 em {background-image: url(../images/product_yf_icon3.png); background-size: 57px;}
.productYfList li span.icon4 em {background-image: url(../images/product_yf_icon4.png); background-size: 50px;}
.productYfList li span.icon5 em {background-image: url(../images/product_yf_icon5.png); background-size: 54px;}
.productYfList li span.icon6 em {background-image: url(../images/product_yf_icon6.png); background-size: 53px;}
.productYfList li p {font-size: 18px; line-height: 30px; margin-top: 12px;}

.productCx {padding: 95px 0 65px 0; background: url(../images/product_cx_bg.jpg) no-repeat center; background-size: cover;}
.productCxH {text-align: center;}
.productCxH h2 {font-size: 36px; margin-bottom: 12px;}
.productCxH p {font-size: 16px; color: #666; line-height: 26px;}
.productCxList {margin-top: 46px;}
.productCxList li {float: left; width: 23.5%; margin-left: 2%; text-align: center;}
.productCxList .xg li {float: left; width: 30%; margin-left: 5%; text-align: center;}
.productCxList li:first-child {margin-left: 0;}
.productCxList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productCxList li:hover a {color: #006800;}
.productCxList li a {display: block;}
.productCxList li p {line-height: 48px; font-size: 16px;}

.productGy {padding: 94px 0 84px 0;}
.productGyList {margin-top: 40px}
.productGyList li {float: left; width: 31.666%; margin-left: 2.5%; text-align: center;}
.productGyList li:first-child {margin-left: 0;}
.productGyList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productGyList li:hover a {color: #006800;}
.productGyList li a {display: block;}
.productGyList li p {font-size: 16px; line-height: 48px;}

.productSp {padding: 98px 0 98px 0; background: #d3d3d3;}
.productSpW {height: 400px; position: relative; margin-top: 40px;}
.productSpVideo {width: 504px; height: 334px; position: absolute; top: 0; left: 68px;}
.productSpVideo .bg {width: 100%; height: 28%; background: #006800; position: absolute; left: -10px; bottom: -10px; z-index: 20;}
.productSpVideo .video-js {z-index: 25;}
.video-js .vjs-big-play-button {width: 80px; height: 80px; top: 50%; left: 50%; transform: translate(-50%,-50%); border: none; background: url(../images/video_btn_1.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {content: "";}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {background: url(../images/video_btn.png) no-repeat center; background-size: 100%;}
.productSpPic {position: absolute; width: 670px; right: 68px; bottom: 0;}
.productSpPic .pic {position: relative; z-index: 21;}
.productSpPic .bg {width: 60%; height: 27%; background: #006800; position: absolute; top: -10px; right: -10px; z-index: 20;}

.productJg {padding: 96px 0 36px 0;}
.productJgList {}
.productJgList li {margin-bottom: 12px;}
.productJgList li:nth-child(4n) {margin-left: 0;}

.productCh {padding: 64px 0 40px 0; background: url(../static/picture/product_ch_bg.jpg) no-repeat center; background-size: cover;}
.productGyList {margin-top: 44px;}
.productGyList li {}

.productAl {padding: 94px 0 100px 0; }
.productAlList {margin-top: 88px;}
.productAlList li {float: left; width: 23.875%; margin-left: 1.5%;}
.productAlList li:first-child {margin-left: 0;}
.productAlList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productAlList li a {display: block; position: relative;}
.productAlList li h3 {position: absolute; width: 102px; height: 102px; line-height: 102px; text-align: center; font-size: 24px; color: #fff; background: #006800; border: 4px solid #fff; border-radius: 50%; left: 50%; top: 0; transform: translate(-50%,-50%); z-index: 22;}
.productAlList li .bg {display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; background: rgba(0,0,0,0.7); z-index: 20;}
.productAlList li .bg .writ {padding: 0 15px; position: absolute; left: 0; /*bottom: 15px;*/ bottom: -100px;} 
.productAlList li .bg .writ p {max-height: 80px; line-height: 20px; overflow: hidden;}

/*************案例展示***********/
.bannerShow {background-image: url(../images/zy_banner06.jpg);}
.bannerCase {background-image: url(../images/zy_banner07.jpg);}
.showW {margin-bottom: 60px;}
.showList {/*width: 950px;*/ margin-top: 50px;}
.showList li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; text-align: center;}
.showList li:nth-child(3n){margin-right: 0;}
.showList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.showList li:hover p {color: #fff; background: #006800; }
.showList li a {display: block;}
.showList li p {background: #d9d9d9; line-height: 40px; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.page {width: 100%; height: 26px; margin:20px 0; text-align: right; line-height: 26px; color: #333333;}
.page em {display: inline-block; width: 50px; height: 100%; margin: 0 3px; text-align: center; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; vertical-align: top; cursor: pointer;}
.page em:hover {background: #f5f4f4;}
.page em.active {color: #fff; background: #006800;}
.page i {display: inline-block; width: 62px; height: 100%; margin: 0 3px; text-align: center; font-style: normal; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; cursor: pointer;}
.page i:hover {background: #f5f4f4;}
.page i.active {color: #fff; background: #006800;}
.page a {display: inline-block; width: 26px; height: 100%; margin: 0 3px; text-align: center; color: #202020; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; zoom: 1; *display:inline; float:none;}
.page a:hover {background: #f5f4f4;}
.page a.active {color: #fff; background: #006800;}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 22px 0;
    border-radius: 3px;
}
.pagination>li {
    display: inline;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #006800;
    border-color: #006800;
}
.pagination li>a, .pagination li>span {
    padding: 4px 10px;
    -webkit-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
    -o-transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
    transition: background .2s ease-out,border-color 0s ease-out,color .2s ease-out;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 4px 12px;
    margin-left: -1px;
    line-height: 1.6;
    color: #76838f;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #e4eaec;
}

/***********浜у搧灞曠ず-璇︽儏椤�*************/
.showDetailW {margin-top: 50px; margin-bottom: 60px;}
.showDetailMain {}
.showWap {float: left; width: 300px; height: 300px; position: relative;}
.showWap img.bg {width: 100%; height: 100%;}
.showPic {width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 44;}
.showSlider {width: 100%; height: 100%;}
.showSlider li {width: 100%; height: 100%; position: relative;}
.showPic .bx-wrapper {height: 100%;}
.showPic .bx-wrapper .bx-viewport {height:auto !important;}
.showPic .bx-wrapper .bx-pager {bottom: 4px; text-align: right; box-sizing: border-box; padding-right: 18px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a {width: 12px; height: 12px; margin: 0 3px; border-radius: 0%; text-indent: 10000px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a:hover, .showPic .bx-wrapper .bx-pager.bx-default-pager a.active {}
.showDetailMainCont {float: right; width: 560px; margin-top: 16px;}
.showDetailMainCont h2 {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 600; color: #006800; border-bottom: 1px solid #bfbfbf;}
.showDetailMainCont h3 {height: 45px; padding-left: 15px; margin-top: 15px; line-height: 45px; font-size: 18px; background: #e1e1e1;}
.showDetailMainCont p {margin-top:10px; line-height: 26px;}
.showDetailMainB {margin-top: 20px;}
.showDetailMainB a {float: left; width: 136px; height: 38px; margin-left: 20px; font-size: 16px; line-height: 38px; text-align: center; border: 1px solid #fff; border-radius: 4px;}
.showDetailMainB a:hover {background: #fff;}
.showDetailMainB a:first-child {margin-left: 0;}
.showDetailMainB a span {display: inline-block; width: 22px; height: 100%; margin-right: 6px; vertical-align: top; background-position: center; background-repeat: no-repeat;} 
.showDetailMainB a.showDetailLqyp {color: #006800; border-color: #006800;}
.showDetailMainB a.showDetailLqyp span { background-image: url(../static/images/show_t_b1.png); }
.showDetailMainB a.showDetailZxzx {color: #0068b7; border-color: #0068b7;}
.showDetailMainB a.showDetailZxzx span { background-image: url(../static/images/show_t_b2.png); }
.showDetailMainB a.showDetailZxgm {color: #e83522; border-color: #e83522;}
/*.showDetailMainB a.showDetailZxgm span {background-image: url(../static/images/show_t_b3.png); }*/

.showDetailInner {margin-top: 30px;}
.showDetailInner h2 {height: 46px; margin-bottom: 30px; line-height: 46px; border-bottom: 1px solid #bfbfbf;}
.showDetailInner h2 span {display: inline-block; width: 148px; height: 44px; text-align: center; font-size: 24px; vertical-align: top; background: #eee; border: 1px solid #bfbfbf; border-bottom: 1px solid #eee;}
.showDetailInnerW {/*background: #fff;*/}
.showDetailInnerW .pic1 {margin-top: 15px;}

.showDetailBH .block {width: 70px;}
.showDetailH {padding-right: 15px;}
.showDetailH h3 {}
.showDetailH h3 span {display: inline-block; height: 24px; line-height: 22px; padding-left: 8px; font-size: 24px; color: #333; font-weight: normal; border-left: 3px solid #006800; vertical-align: middle;}

.showDetailBW {}
.showDetailBW {}
.showDetailBW .sliderShowDetail {padding-top: 20px;}
.showDetailBW .sliderShowDetail li {margin-right: 23px;}
.showDetailBW ul li p {margin-top: 8px;}
.showDetailBW .bx-wrapper .bx-controls-direction a {width: 24px; height: 24px; top: -37px; margin-top: 0; background-color: #999999; background-repeat: no-repeat; background-position: center; background-size: 10px; box-sizing: border-box;}
.showDetailBW .bx-wrapper .bx-controls-direction a:hover {background-color: #006800; background-position: center;}
.showDetailBW .bx-wrapper .bx-prev {left: auto; right: 32px; background-image: url(../images/jt_zuo2.png);}
.showDetailBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}

/************璧勮涓績************/
.bannerNews {background-image: url(../images/banner_news.jpg);}
.newsW {margin-top: 50px;}
.newsList {}
.newsList li {padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.newsList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.newsList li .pic {float: left; width: 250px;height: 158px;}
.newsList li .pic img{height: 100%}
.newsInner {float: right; width: 606px; }
.newsInner h2 {font-size: 18px; line-height: 26px; font-weight: 600;}
.newsInner h2 a:hover {color: #006800;}
.newsInner h3 {font-size: 12px; color: #999; line-height: 20px;}
.newsInner p {margin-top: 8px; line-height: 26px; color: #666;}
.newsInner a.more {display: block; width: 116px; height: 32px; margin-top: 18px; line-height: 32px; text-align: center; color: #006800; border: 1px solid #006800;}
.newsInner a.more:hover {color: #fff; background: #006800;}
.newsW .page {margin-top: 30px; margin-bottom: 60px;} 

/************璧勮涓績-璇︽儏椤�************/
.newsDetailW {margin-top: 70px; padding: 0 25px;}
.newsDetailH {text-align: center;}
.newsDetailH h2 {font-size: 24px; font-weight: 500; margin-bottom: 15px;}
.newsDetailH p {color: #666;}
.newsDetailCont { margin-top: 28px;}
.newsDetailCont p {/* margin-bottom: 30px; */font-size: 16px; color: #666; /* line-height: 38px; */}
.newsDetailCont p span { color: #333;}
.newsDetailCont img{max-width: 80%;margin: 20px auto;}

.jump {padding: 12px 0; border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
.jump p {line-height: 36px;}
.jump p a {color: #666;}
.jump p a:hover {color: #006800;}
.jump p a span {font-size: 18px; font-weight: 600;}

.newsLink { line-height: 34px; margin-top: 20px; margin-bottom: 60px;}
.newsLink span {margin-right: 8px; color: #666;}
.newsLink a {display: inline-block; height: 34px; margin-right: 20px; vertical-align: top; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 100%;} 
.newsLink a.linkWeibo {background-image: url(../images/news_link_weibo.png);}
.newsLink a.linkWeixin {background-image: url(../images/news_link_weixin.png); background-position: center 4px;}
.newsLink a.linkPeng {background-image: url(../images/news_link_peng.png); background-position: center 2px;}

/************甯歌闂************/
.bannerIssue {background-image: url(../temp/banner_issue.jpg);}
.issueW {margin-top: 50px; margin-bottom: 60px;}
.issueList {margin-bottom: 30px;}
.issueList li {padding-left: 20px; margin-bottom: 20px; background: #fff;}
.issueList li:hover {box-shadow: 0 0 20px 0 #c6c6c6;}
.issueList li:first-child .issueInner {display: block;}
.issueList li h2 {height: 48px; padding-right: 45px; line-height: 48px; font-size: 16px; position: relative; cursor: pointer;}
.issueList li h2 em {color: #006800;}
.issueList li h2 span {position: absolute; width: 40px; height: 40px; top: 50%; right: 12px; transform: translateY(-50%); background: url(../images/issue_btn_jia.png) no-repeat center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.issueList li h2 span.on {background: url(../images/issue_btn.png) no-repeat center;}
.issueInner {display: none; padding: 22px 30px 20px 0; line-height: 32px; border-top: 1px solid #d2d2d2;}
.issueInner span {float: left; width: 30px; font-size: 16px; color: #006800;}
.issueCont {float: right; width: calc(100% - 32px);}
.issueCont p {margin-top: 18px;}
.issueCont p:first-child {margin-top: 0;}
.issueCont p a:hover {color: #006800;}

/*************鏍峰搧棰嗗彇***********/
.sample {padding: 160px 0 158px 0; background: url(../temp/simple_bg.jpg) no-repeat center; background-size: cover;}
.sampleW {width: 828px; margin: 0 auto;}
.sampleH {text-align: center; margin-bottom: 84px;}
.sampleH h2 {font-size: 36px; font-weight: 600;}
.sampleH .line {width: 90px; height: 4px; margin: 12px auto 0; background: #006800;}
.formInner {margin-bottom: 20px;}
.formInner .left {float: left;}
.formInner .right {float: right;}
.formW {width: 48.5%; height: 40px; line-height: 40px; font-size: 0; background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;}
.formW p {display: inline-block; padding-left: 14px; margin-right: 6px; vertical-align: middle; font-size: 16px; color: #999;}
.formW p span {color: #e93c3c;}
.formW input {width: calc(100% - 72px); font-size: 14px; vertical-align: middle;}
.formW input.formTel::-webkit-inner-spin-button,
.formW input.formTel::-webkit-outer-spin-button {-webkit-appearance: none;}
.formW input.formTel{-moz-appearance: textfield;}
.formText .formW {width: 100%; height: 236px; padding: 15px 15px; box-sizing: border-box;}
.formText .formW textarea {width: 100%; height: 100%; font-size: 16px; line-height: 26px;}
.formYzmInner {height: 40px; line-height: 40px; margin-bottom: 10px;}
.formYzmInner .formYzmW {float: left; width: 160px; height: 100%; margin-right: 15px; background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;}
.formYzmInner .formYzmW input {width: 78px;}
.formYzmInner a {float: left; width: 154px; margin-right: 15px; font-size: 0; overflow: hidden;}
.formYzmInner a img {width: 100%; vertical-align: middle;}
.formYzmInner h4 {float: left; font-size: 16px;}
.hint {height: 20px; padding-left: 15px; line-height: 20px;}
.hint p {display: none; font-size: 14px; color: #CA2615;}
.formB {margin-top: 10px;}
.formB button {width: 220px; height: 40px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; border-radius: 4px; cursor: pointer; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.formB button.formSure {margin-right: 20px; background: #006800;}
.formB button.formSure:hover {background: #015331;}
.formB button.formReturn {background: #333;}
.formB button.formReturn:hover {background: #000;}

/*************联系我们***********/
.bannerContact {background-image: url(../images/banner_contact.jpg);}
.contactList {width: 500px;float: right; margin-top: 50px; margin-bottom: 50px;margin-left: 100px;}
.contactList li {float: left; width: 100%; margin-top: 60px;}
.contactList li span {width: 46px; height: 46px; float: left; line-height: 46px; font-size: 0; text-align: center;}
.contactList li span img {vertical-align: middle;}
.contactC {float: right; width: calc(100% - 52px);}
.contactC h3 {color: #666; line-height: 20px;}
.contactC p {font-size: 24px; line-height: 26px;}
.contactC p em {font-size: 20px;}

.contactMap {height: 556px;}
#map {width: 100%; height: 100%;}

.muen {display: none; position: absolute; width: 36px; height: 36px; box-sizing: border-box; padding: 10px 6px; background: #006800; border-radius: 6px; right: 15px; top: 50%; transform: translateY(-50%); z-index: 99;}
.muen span {display: block; width: 100%; height: 3px; margin-top: 4px; background: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.muen span:first-child {margin-top: 0;}
.muen.on span.muenX {margin-top: 6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.muen.on span.muenY {display: none;}
.muen.on span.muenZ {margin-top: -3px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.wapBottom {display: none; position: fixed; width: 100%; height:50px; line-height:50px; background: rgba(0,0,0,0.8); bottom: 0; left: 0; z-index: 222;}
.wapBottom ul {}
.wapBottom ul li {float: left; width:50%; text-align: center; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.2);}
.wapBottom ul li:first-child {border: none;}
.wapBottom ul li a {display: block; width: 100%; height: 100%; color: #fff; font-size: 16px;}

.BtnL {display: none; width: 30px; height: 30px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 22; background: url(../images/btn_l_11.png) no-repeat center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.BtnL.on {background: url(../images/btn_l_1.png) no-repeat center;}

.wapBg {position: fixed; width: 100%; height: 100%;  bottom: 0; left: 0; z-index: -2;}

.homeAdvanceWW {display: none; margin: 30px 0;}
.homeAdvanceWW img {width: 100%;}

.showPic .bx-wrapper .bx-pager {width: 60px; left: auto; right: 0;}

.banner .bx-wrapper .bx-controls-direction a {display: none; width: 46px; height: 52px; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,.3); background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.banner .bx-wrapper .bx-controls-direction a:hover {background-color: rgba(0,0,0,0.5); background-position: center;}
.banner .bx-wrapper .bx-prev {left: 40px; background-image: url(../images/jt_zuo2.png);  /*border-right: 1px solid #f5f5f5;*/}
.banner .bx-wrapper .bx-next {right:40px; background-image: url(../images/jt_you2.png);}
.banner:hover .bx-wrapper .bx-controls-direction a {display: block;}

.homeAdvanceM {display: none; margin-top: 20px;}
.homeAdvanceM ul {}
.homeAdvanceM ul li {float: left; width: 49%; text-align: center; margin-right: 2%; margin-bottom: 15px; padding: 12px 12px; background-color: #e1e1e1; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.homeAdvanceM ul li:nth-child(2n) {margin-right: 0;}
.homeAdvanceM ul li h3 {font-size: 20px; font-weight: 600; color: #006800;background-color:rgb(255,255,255,0.7);}
.homeAdvanceM ul li p {line-height: 26px; color: #444;}
.homeAdvanceM ul li .homeAdvanceTxt {height: 104px; padding: 0 10px; background-color:rgb(255,255,255,0.7);}
.homeAdvanceM ul li.bg1 {background-image: url(../images/home_advance_01.png);background-size: 100% 100%;}
.homeAdvanceM ul li.bg2 {background-image: url(../images/home_advance_01.png);background-size: 100% 100%;}
.homeAdvanceM ul li.bg3 {background-image: url(../images/home_advance_01.png);background-size: 100% 100%;}
.homeAdvanceM ul li.bg4 {background-image: url(../images/home_advance_01.png);background-size: 100% 100%;}

.navNext {width: 100%; height: 40px; line-height: 40px; position: fixed; background: #f2f2f2; top: -40px; left: 0; z-index: 66; box-shadow: 0 0 10px 1px #c7c7ca; /*border-bottom: 1px solid #b9b7b2;*/}
.navNextW {text-align: center;}
.navNextW ul {width: 800px; margin-left: 184px;}
.navNextW ul li {display: inline-block; color: #444; margin: 0 20px; cursor: pointer;}
.navNextW ul li.on {color: #006800;}

.productWap {display: none; margin-top: 20px; }
.productWap ul {}
.productWap ul li {float: left; /*width: 23.5%;*/ width: 49%; height: 118px; /*height: 150px;*/ padding: 12px 12px; margin-right: 2%; margin-bottom: 15px; box-sizing: border-box; background: #fbf8f4; box-shadow: 0 0 8px 0 #C6C6C6;   /*background: url(../images/product_wap_bg.png) no-repeat center; background-size: 100% 100%;*/}
.productWap ul li:nth-child(2n) {margin-right: 0;}
/*.productWap ul li:nth-child(4n) {margin-right: 0;}*/
.productWap ul li h3 {text-align: center; font-size: 18px;}
.productWap ul li p {color: #444;}
.productWap ul li .line {width: 30px; height: 2px; margin: 8px auto 10px; background: #006800;}

.vjs-poster {background-size: cover;}


@media (max-width: 420px) {
	.homeAdvanceM ul li h3 {font-size: 18px;}
	.homeAdvanceM ul li p {font-size: 13px; line-height: 22px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 135px;  padding: 0 8px;}
	
	.productWap ul li {/*height: 168px;*/ height: 122px; padding: 10px 10px;}
	.productWap ul li h3 {font-size: 16px;}
	.productWap ul li .line {width: 24px;margin: 6px auto 8px;}
	.productWap ul li p {font-size: 13px;}
	
}
@media (max-width: 380px) {
	.homeAdvanceM ul li h3 {font-size: 16px;}
	.homeAdvanceM ul li p {font-size: 12px; line-height: 20px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 120px;  padding: 0 1px;}
	.homeAdvanceM ul li {background-size: auto 38%;}
	
	.productWap ul li {height: 108px; padding: 8px 8px;}
	.productWap ul li h3 {font-size: 15px;}
	.productWap ul li .line {width: 22px;margin: 4px auto 6px;}
	.productWap ul li p {font-size: 12px;}
	
}
@media (max-width: 320px) {
	.homeAdvanceM ul li h3 {font-size: 15px;}
	.homeAdvanceM ul li p {font-size: 10px; line-height: 18px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 126px; margin-top: 4px; }
	.homeAdvanceM ul li {background-size: auto 42%;}
	
	
	.productWap ul li {height: 120px; padding: 8px 8px;}
	.productWap ul li h3 {font-size: 14px;}
	.productWap ul li .line {width: 20px;margin: 3px auto 6px;}
	.productWap ul li p {font-size: 10px;}
	
}

@media (max-width: 1200px) {
	/*.wrap {width: 1000px;}*/
	.wrap {width: 100%; padding: 0 20px; box-sizing: border-box;} 
	.logo {margin-right: 20px;}
	.logo img {width: 130px;}
	#nav ul li {width: 84px;}
	#nav ul li:first-child {width: 64px;}
	.topPhone .pic {margin-right: 4px;}
	.topPhone .cont p {font-size: 20px;}
	.homeAdvance {padding: 86px 0 86px 0;}
	.homeAdvanceTit h2 {font-size: 56px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 372px; height: 338px;}
	.homeAdvanceW ul {margin-left: -58px;}
	.homeAdvanceW ul li {width: 266px;height: 231px;margin-bottom: 8px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 193px;}
	.homeAdvanceW .homeAdvanceList2 {margin-top: 120px;}
	.homeAdvanceW .homeAdvanceList4 {margin-top: 120px;}
	.homeAdvanceCont h3 {height: 60px; line-height: 60px; font-size: 24px;}
	.homeAdvanceCont { padding-top: 20px;}
	.homeAdvanceCont p {font-size: 13px; line-height: 20px;}
	.homeSpH {height: 330px;}
	.homeSpH h2 {padding-top: 52px;}
	.homeSpH h3 {font-size: 32px;}
	.homeSpT .right {height: 432px;}
	.homeSpTW {height: 560px;}
	.homeSpTW .bx-wrapper .bx-pager {bottom: 16px;}
	.homeSpTW .bx-wrapper .bx-pager {padding-top: 50px;}
	.homeSpTInner h2 {font-size: 28px;}
	.homeSpB {padding: 50px 80px 92px 80px;}
	.homeSpBW .bx-wrapper .bx-prev {left: 350px}
	.homeSpBW .bx-wrapper .bx-next {right: 350px;}
	.lineW span {width: 190px;}
	.homeSp {padding-bottom: 90px;}
	.homeZpc {padding: 90px 0 100px 0;}
	.homeZpc .left {width: 30%; height: auto;}
	.homeZpc .right {width: 66%;}
	.homeZpc .right h2 {font-size: 32px;}
	.homeZpc .right .line {margin: 15px 0 0 -88px;}
	.homeZpcCont {margin-top: 16px;}
	.homeZpcCont p {line-height: 22px; margin-bottom: 22px;font-size: 16px;}
	.homeZpcList {margin-top: 40px;}
	.homeDzzxH {height: 280px;}
	.homeDzzxH h2 {font-size: 34px; padding-top: 86px;}
	.homeDzzx .wrap {margin-top: 80px;}
	.homeDzzxT .right {width: 43%;}
	.homeDzzxT .left {width: 55%;}
	.homeDzzxT .left ul li {width: 49%; margin-right: 2%;}
	.homeDzzxT ul li {margin-bottom: 20px;}
	.homeDzzxTH h2 {padding-top: 14px; font-size: 34px;}
	.homeDzzxTH .line {margin-bottom: 16px;}
	.homeDzzxMore {top: 16px;}
	.homeDzzxT .right ul {margin-top: 30px;}
	.homeDzzx {padding-bottom: 60px;}
	.homeDzzxBW ul {padding-top: 40px;}
	.homeNews {padding: 80px 0 40px 0;}
	.homeNewsTxt {padding: 10px 0 30px 0;}
	.homeNewsInner ul li {margin-bottom: 30px;}
	
	#footer {padding: 40px 0;}
	.footerEwm {margin-left: 20px; padding: 0 36px;}
	.footerEwm .pic {width: 136px;}
	#footer ul li {margin-left: 80px;}
	
	.aboutH {height: 126px; margin-top: -126px;}
	.aboutH h3 {font-size: 22px; padding-top: 28px;}
	.aboutH h2 {font-size: 28px; line-height: 36px;}
	
	.aboutRTop p {margin-top: -32px;}
	.aboutContact ul li {padding: 0 10px 0 8px;}
	.aboutContact ul li p {width: calc(100% - 82px);}
	.aboutRH {margin-top: 52px;}
	.aboutRH h2 {font-size: 34px;}
	.aboutRW {margin-top: 36px;}
	.aboutPic {margin: 0 25px 16px 0;}
	.aboutRW h3 {font-size: 32px; line-height: 40px;margin-bottom: 22px;}
	.aboutRW p {font-size: 16px; margin-bottom: 20px;}
	.aboutRInner {padding: 20px 30px 20px 30px;}
	.aboutRInnerWrit {width: 290px;}
	.aboutRInnerWrit h2 {font-size: 34px;}
	.aboutRInnerWrit h3 {margin-bottom: 16px;}
	.aboutRInnerPic {width: 382px;}
	.aboutPic {width: 298px;}
	
	.bannerBox {height: 350px;}
	.bannerBox .bg {height: 186px;}
	
	.contactC p {font-size: 22px;}
	.contactC p em {font-size: 18px;}
	.contactList {margin: 40px 0;}
	.contactMap {height: 500px;}
	.newsList li .pic {width: 210px;}
	.newsInner {width: calc(100% - 228px);}
	.newsInner p {margin-top: 4px;line-height: 22px;}
	.newsInner a.more {margin-top: 12px;}
	.newsW {margin-top: 30px;}
	.newsDetailW {margin-top: 52px; padding: 0 20px;}
	.newsDetailH h2 {font-size: 28px; margin-bottom: 10px;}
	.newsDetailCont {margin-top: 20px;}
	.newsDetailCont p {margin-bottom: 20px;line-height: 36px;}
	.jump p {line-height: 34px;}
	.newsLink {margin-top: 14px;}
	.productWhy {padding: 68px 0 62px 0;}
	.productYf {padding: 60px 0 80px 0;}
	.productWhyH h2 {font-size: 46px;}
	.productWhyH p {font-size: 32px;}
	.productWhy .pic {margin-top: 40px;}
	.productYf h2 {font-size: 34px;}
	.productCxH h2 {font-size: 34px; margin-bottom: 8px;}
	.productYfList {margin-top: 42px;}
	.productCx {padding: 78px 0 56px 0;}
	.productCxList {margin-top: 40px;}
	.productGy {padding: 82px 0 72px 0;}
	.productGyList {margin-top: 36px;}
	.productSp {padding: 82px 0 82px 0;}
	.productJg {padding: 82px 0 32px 0;}
	.productCh {padding: 64px 0 60px 0;}
	.productAl {padding: 82px 0 80px 0;}
	.productAlList li .bg .writ {padding: 0 10px;}
	.sampleW {width: 770px;}
	.sample {padding: 152px 0 138px 0;}
	.sampleH {margin-bottom: 68px;}
	.showList {margin-top: 44px;}
	
	.showWap {width: 250px; height: 250px;}
	.showDetailMainCont {width: calc(100% - 270px);}
	.showDetailMainCont {margin-top: 4px;}
	.showDetailMainCont h2 {font-size: 26px; padding-bottom: 6px; line-height: 32px;}
	.showDetailMainCont h3 {height: 42px; line-height: 42px;}
	.showDetailMainCont p {margin-top: 12px;}
	.showDetailMainB {margin-top: 20px;}
	.showDetailInner h2 span {font-size: 22px;}
	.showDetailInner h2 {margin-bottom: 24px;}
	.homeDzzxB {margin-top: 46px;}
	.showDetailBW .sliderShowDetail li {margin-right: 18px;}
	
	#bottom a {margin: 0 20px;}
	#bottom em {margin-right: 5px;}
	
	.homeAdvanceW {width: 1000px;}
	
	.navNextW ul {margin-left: 78px;}
	.navNextW ul li {margin: 0 14px;}
}

@media (max-width: 1024px) {
	/*.wrap {width: 960px;}*/
	#top {height: 90px; line-height: 90px;}
	.logo img {width: 122px;}
	.topPhone {margin-top: 25px;}
	#nav ul li {width: 80px;}
	#nav ul li:first-child {width: 60px;}
	.homeAdvance {padding: 76px 0 76px 0;}
	.homeAdvanceTit h2 {font-size: 52px; line-height: 70px;}
	
	.homeAdvanceW ul li {width: 256px; height: 222px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 365px;}
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 115px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 184px;}
	.homeAdvanceCont {padding-top: 18px;}
	.homeAdvanceCont h3 {height: 58px; line-height: 58px; font-size: 23px;}
	.homeSpT .right {height: 415px;}
	.homeSpTW {height: 524px;}
	.homeSpTInner:first-child {padding-top: 32px; margin-bottom: 34px;}
	.homeSpTInner h2 {font-size: 26px;}
	.homeSpTInner h2 span {margin-right: 0; }
	.homeSpTInner h2 span img {width: 30px;}
	.homeSpH {height: 320px;}
	.homeSpH h3 {font-size: 30px;line-height: 42px;}
	.homeSpH h2 {font-size: 22px;}
	.homeSpH .line {margin-bottom: 40px;}
	.homeSpB {padding: 50px 70px 86px 70px;}
	.homeSpB .bg {width: 400px; top: -46px;}
	.homeSpB .bg img {width: 100%;}
	.sliderHomeSpB li a {padding-bottom: 34px;}
	.homeSp {padding-bottom: 80px;}
	.homeZpc {padding: 80px 0 90px 0;}
	/*.homeZpc .right {width: 560px;}
	.homeZpc .left {width: 372px;}*/
	.homeDzzxH h2 {font-size: 32px;}
	/*.homeDzzxT .right {width: 420px;}*/
	/*.homeDzzxT .left {width: 524px;}*/
	.homeDzzxTH h2 {font-size: 32px;}
	.homeDzzxBW ul li {margin-right: 20px;}
	.homeDzzxB {margin-top: 40px;}
	.homeNews {padding: 70px 0 30px 0;}
	.homeNewsH .left h3 em {font-size: 46px;}
	
	.footerEwm {padding: 0 30px; margin-left: 12px;}
	.footerEwm .pic {width: 130px;}
	#footer ul li {margin-left: 72px;}
	#bottom a {margin: 0 16px;}
	#bottom em {margin-right: 0;}
	#bottom {height: 60px; line-height: 60px;}
	#footer {padding: 30px 0;}
	.footerCopy {margin-top: 24px;}
	.footerZxH {margin-bottom: 12px;}
	
	.bannerBox {height: 300px;}
	.aboutH {height: 116px; margin-top: -116px;}
	.aboutH h2 {font-size: 26px; line-height: 34px;}
	.aboutH h3 {font-size: 20px; line-height: 26px;}
	.aboutContact ul li {padding: 0 8px 0 4px;}
	.aboutContact ul li span {width: 20px; height: 20px; margin-right: 0;}
	.aboutContact ul li p {width: calc(100% - 76px);}
	.aboutEwm img {width: 100px;}
	.aboutRH {margin-top: 46px; padding: 0 10px;}
	.aboutRH h2 {font-size: 32px;  line-height: 42px;}
	.aboutPic {width: 288px;}
	.aboutRW h3 {font-size: 30px; margin-bottom: 16px;}
	.aboutRInner {padding: 20px 20px 20px 20px;}
	.aboutRInnerWrit h2 {font-size: 32px;}
	.aboutRInnerWrit h3 {font-size: 16px;}
	.aboutRInnerPic {width: 374px;}
	.contactList li span {width: 42px; height: 42px;}
	.contactList li span.icon1 img {width: 34px;}
	.contactList li span.icon2 img {width: 40px;}
	.contactList li span.icon3 img {width: 26px;}
	.contactList {padding-left: 60px;}
	.contactMap {height: 450px;}
	
	.issueCont p {margin-top: 12px;}
	.issueInner {padding: 16px 26px 15px 0; line-height: 30px;}
	.newsList li .pic {width: 200px;}
	.newsInner {width: calc(100% - 215px);}
	.newsDetailH h2 {font-size: 26px;}
	.newsLink a {margin-right: 15px;}
	.productWhyH h2 {font-size: 44px;}
	.productWhyH p {font-size: 30px;}
	.productWhyH p span {width: 120px;}
	.productYfList li span {width: 124px; height: 140px;}
	.productYfList li p {font-size: 16px; margin-top: 10px;}
	.productSpVideo {width: 480px; height: 310px;}
	.productSpPic {width: 596px;}
	.video-js .vjs-big-play-button {width: 70px; height: 70px;}
	.productAlList li h3 {width: 92px; height: 92px; line-height: 92px; font-size: 22px;}
	.showWap {width: 238px; height: 238px;}
	.showDetailMainCont {width: calc(100% - 258px);}
	.showPic .bx-wrapper .bx-pager {padding-right: 10px;}
	.showDetailMainB a {width: 130px; margin-left: 10px;}
	
	.main,.bannerBox {margin-top: 90px;}
	
	.homeAdvanceW {width: 960px;}
	
	.navNext {/*top: 90px;*/}
	.navNextW ul {margin-left: 56px;}
	.navNextW ul li {margin: 0 10px;}
}

@media (max-width: 992px) {
	body {overflow-x: hidden;}
	/*.wrap {width: 750px;}*/
	#top {height: 70px; line-height: 70px; width: 100%; position: fixed; top: 0; left: 0;}
	#top .wrap {width: 96%;}
	.topPhone {display: none;}
	.muen {display: block;}
	 
	#nav {width: 200px; height: 100%; padding: 70px 0 40px 0; position: fixed; left: -200px; top: 0; z-index: 66; box-sizing: border-box;}
	#nav ul {width: 100%; height: 100%; background: #fff;}
	#nav ul li {width: 100%; height: auto; margin: 0; line-height: 48px; font-size: 16px; text-align: left; /*border-bottom: 1px solid #DADADA;*/ border-bottom: none; box-sizing: border-box; position: relative;}
	#nav ul li > a {padding: 0 40px 0 15px; border-bottom: 1px solid #DADADA;}
	#nav ul li:first-child {width: 100%;}
	#nav ul li .navBtn {display: block; position: absolute; width: 50px; height: 50px; background: url(../images/jt_about.png) no-repeat center; right: 0; top: 0; z-index: 66; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; cursor: pointer;}
	#nav ul li .navBtn.on {-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
	#nav ul li .navDown {}
	#nav ul li .navDown a {display: block; height: 45px; padding: 0 15px 0 22px; line-height: 45px; font-size: 15px; background: #F5F5F5; border-bottom: 1px solid #E1E1E1;}
	#nav ul li .navDown a:hover {color: #fff; background: #25AA2F;}
	#nav ul li .navDown a.on {color: #fff; background: #25AA2F;}
	
	.logo {position: relative; z-index: 222;}
	.main {margin-top: 70px;}
	
	.wapBottom {display: block;}
	
	.homeAdvance {padding: 60px 0 60px 0;}
	.homeAdvanceTit h2 {font-size: 48px; line-height: 62px;}
	.homeAdvanceW ul li {width: 208px; height: 181px;margin-bottom: 5px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 268px; }
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 93px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 162px;}
	.homeAdvanceW ul {margin-left: -48px;}
	.homeAdvanceCont p {font-size: 12px; line-height: 18px; padding: 0 27px 0 40px;}
	.homeAdvanceCont h3 {height: 46px; line-height: 46px; font-size: 18px;margin-bottom: 4px;}
	.homeAdvanceCont {padding-top: 8px;}
	.homeAdvan{margin-top: 30px;}
	.homeSpH {height: auto; padding: 0 0 40px 0;}
	.homeSpTInner h2 {font-size: 22px;}
	.homeSpTInner {width: 88%;}
	.homeSpH h3 {font-size: 28px; line-height: 38px;}
	.homeSpH .line {margin: 24px 0 30px 0;}
	.homeSpB {padding: 40px 50px 80px 50px;}
	.homeSpBW .bx-wrapper .bx-next {right: 244px;}
	.homeSpBW .bx-wrapper .bx-prev {left: 244px;}
	.lineW span {width: 170px;}
	.homeSpBW {margin-top: 50px;}
	.sliderHomeSpB li a {padding-bottom: 20px;}
	.homeSp {padding-bottom: 60px;}
	.homeZpc {padding: 60px 0 70px 0;}
	/*.homeZpc .left {width: 280px;}
	.homeZpc .right {width: 442px;}*/
	.homeZpc .right h2 {font-size: 28px;}
	.homeZpc .right .line {margin: 10px 0 0 -76px;}
	.homeDzzxH {height: 248px;}
	.homeDzzxH h2 {font-size: 28px; padding-top: 78px; margin-bottom: 24px;}
	/*.homeDzzxT .right {width: 322px;}
	.homeDzzxT .left {width: 416px;}*/
	.homeDzzxTH h2 {font-size: 28px;}
	.homeDzzxMore {width: 40px; height: 40px;}
	.homeDzzxB {margin-top: 30px;}
	.homeDzzxBHCont h3 {font-size: 26px; line-height: 36px;}
	.homeDzzxBHCont p {font-size: 16px; line-height: 30px;}
	.homeDzzxBHCont {padding-right: 15px;}
	.homeDzzxBH .block {width: 124px;}
	.homeNews {padding: 50px 0 20px 0;}
	.homeNewsH .left h3 em {font-size: 40px; padding-right: 15px;}
	.homeNewsNum {font-size: 32px; width: 42px;}
	.homeNewsCont {width: calc(100% - 46px);}
	.homeNewsInner ul li {margin-bottom: 20px;}
	.homeNewsTxt {padding: 8px 0 20px 0;}
	#bottom a {margin: 0 6px;}
	.footerZx {width: 218px;}
	.footerEwm {padding: 0 20px; margin-left: 10px;}
	.footerEwm .pic {width: 120px;}
	#footer {padding-bottom: 50px;}
	#footer ul li {margin-left: 30px;}
	.footerCopy {margin-top: 18px;}
	
	.bannerBox {height: 230px; margin-top: 70px;}
	.bannerBox .bg {height: 96px; background-size: 100% 100%;}
	.aboutLAd {display: none;}
	.aboutContact {display: none;}
	
	.aboutL {width: 100%; height: 60px; margin-top: 15px; background: #006800; position: relative;}
	.aboutH {width: 160px;height: 100%; margin: 0; margin-left: 20px; text-align: left;}
	.aboutH h3 {font-size: 14px;line-height: 22px; padding-top: 5px;}
	.aboutH h2 {font-size: 20px; line-height: 22px;}
	.BtnL {display: block;}
	.aboutNav {display: none; position: absolute; width: 100%; z-index: 66;}
	.aboutNav li {height: 44px; line-height: 44px;}
	
	.aboutR {width: 100%; margin-top: 15px;}
	.aboutRTop p {margin: 0; font-size: 14px; background: url(../images/about_r_position_wap.png) no-repeat left center;}
	.aboutRTop {color: #333;}
	.aboutRTop a {color: #333;}
	.aboutRH {margin-top: 22px;}
	.aboutRH h2 {font-size: 28px; line-height: 34px;}
	.aboutRH p {font-size: 14px; line-height: 22px;}
	.aboutPic {width: 242px;}
	.aboutRW h3 {font-size: 26px; line-height: 32px; margin-top: 8px; margin-bottom: 12px;}
	.aboutRW p {font-size: 14px; line-height: 24px; margin-bottom: 16px;}
	.aboutRInner {margin-top: 20px;}
	.aboutRInnerWrit h2 {font-size: 28px; line-height: 32px;}
	.aboutRInnerWrit h3 {font-size: 14px;}
	.contactList {padding-left: 15px; margin: 30px 0;}
	.contactC h3 {line-height: 18px;}
	.contactC p {font-size: 20px; line-height: 22px;}
	.contactC p em {font-size: 16px;}
	.contactList li span {width: 38px; height: 38px; line-height: 38px;}
	.contactList li span.icon1 img {width: 32px;}
	.contactList li span.icon2 img {width: 38px;}
	.contactList li span.icon3 img {width: 24px;}
	.contactC {width: calc(100% - 44px);}
	.contactMap {height: 400px;}
	.issueW,.newsW ,.newsDetailW{margin-top: 20px;}
	.newsInner {/*width: 528px;*/}
	.newsDetailH h2 {font-size: 22px; margin-bottom: 4px;}
	.newsDetailCont p {line-height: 32px; margin-bottom: 16px; font-size: 15px;}
	.jump p a span {font-size: 16px;}
	
	.productWhyH h2 {font-size: 38px; line-height: 40px;}
	.productWhyH p {font-size: 27px; line-height: 68px;}
	.productWhyH p span {width: 110px; height: 68px; margin-right: 0;}
	.productWhy {padding: 58px 0 58px 0;}
	.productWhy .pic {margin-top: 25px;}
	.productYfList li span {width: 110px; height: 124px;}
	.productYfList li p {line-height: 24px; font-size: 15px;}
	.productYfList,.productCxList,.productGyList,.showList,.showDetailW {margin-top: 30px;}
	.productCx {padding: 66px 0 46px 0;}
	.productCxH h2 {font-size: 28px;}
	.productCxH p,.showList li p {font-size: 15px;}
	.productGy {padding: 70px 0 60px 0;}
	.productAlList {margin-top: 80px;}
	.productAlList li h3 {width: 80px; height: 80px; line-height: 80px; font-size: 18px;}
	.sampleW {width: 696px;}
	.sample {padding: 118px 0 114px 0}
	.sampleH h2 {font-size: 30px;}
	.sampleH {margin-bottom: 52px;}
	.showDetailMainCont {}
	.showDetailMainCont h2 {font-size: 22px; line-height: 26px;}
	.showDetailMainCont h3 {height: 40px; line-height: 40px; margin-top: 12px; font-size: 16px;}
	.showDetailMainCont p {font-size: 13px;}
	.showDetailMainB a {width: 120px; font-size: 15px;}
	.showDetailInner h2 span {width: 136px; font-size: 20px;}
	.showDetailBW .sliderShowDetail {padding-top: 10px;}
	
	.main,.bannerBox {margin-top:50px;}
	
	.homeAdvanceW {width: 960px;}
	#bottom {display: none;}
	
	.navNext {display: none;}
	
	.productSp {padding: 82px 0 160px 0;}
	.productSpPic {bottom: -80px;}
	
	.banner img.img1 {display: none;}
	.banner img.img2 {display: block;}
	
}

@media (max-width: 768px) {
	.wrap {padding: 0 15px;}
	.homeAdvance {padding: 40px 0 30px 0;}
	.homeAdvanceTit h2 {font-size: 30px; line-height: 32px; margin-bottom: 6px;}
	.homeAdvanceTit p {font-size: 14px; line-height: 20px;}
	/*.homeAdvanceW ul {width: 28.666%;}
	.homeAdvanceW .homeAdvanceList1 {width: 33%;}
	.homeAdvanceW ul li,.homeAdvanceW .homeAdvanceList1 li {width: 100%;}
	.homeAdvanceW ul {margin-left: -6.888%;}*/
	/*.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 17.555%;}*/
	.homeAdvance {overflow-x: hidden;}
	.homeAdvanceTit {padding: 0 10px;}
	.homeAdvanceWap {width: 100%; height: 390px; padding-bottom: 6px; margin-top: 30px; overflow-x: auto; position: relative;}
	.homeAdvanceWap::-webkit-scrollbar-track-piece {  
    background-color: rgba(0, 0, 0, 0);  
    border-left: 1px solid rgba(0, 0, 0, 0);  
	}  
	.ditu{display: none;}
	.homeAdvanceWap::-webkit-scrollbar {  
    width: 2px;  
    height: 2px;  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;  
	}  
	.homeAdvanceWap::-webkit-scrollbar-thumb {  
    background-color: rgba(0, 0, 0, 0.5);  
    background-clip: padding-box;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;  
    min-height: 2px;  
	}  
	.homeAdvanceWap::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(0, 0, 0, 0.6);  
    -webkit-border-radius: 0;  
    -moz-border-radius: 0;  
    border-radius: 0;  
	} 
	.homeAdvanceW {width: 640px; margin: 0 auto 0; /*position: absolute; top: 0; left: 50%; transform: translateX(-50%);*/}
	.homeAdvanceW ul li {margin-bottom: 1px; width: 176px; height: 153px;}
	.homeAdvanceW ul {margin-left: -42px;}
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 78px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 130px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 238px; height: 206px;}
	.homeAdvanceCont {padding-top: 6px;}
	.homeAdvanceCont h3 {height: 36px; line-height: 36px; font-size: 15px;}
	.homeAdvanceCont p {font-size: 10px; line-height: 16px; padding: 0 13px 0 27px;}
	
	.homeSpH h2 {padding-top: 28px; font-size: 18px; line-height: 22px;}
	.homeSpH h3 {font-size: 22px; line-height: 32px;}
	.homeSpH .line {margin: 10px 0 15px 0;}
	.homeSpH h4 {font-size: 16px; line-height: 28px;}
	.homeSpH p {font-size: 12px; line-height: 16px;}
	.homeSpT .left {width: 100%; margin: 15px 0;}
	.homeSpT .right {width: 100%; height: auto;}
	.homeSpTW {position: relative;}
	.homeSpTInner h2 {font-size: 18px; margin-bottom: 10px;}
	.homeSpTInner h2 span {width: 24px;}
	.homeSpTInner h2 span img {width: 24px;}
	.homeSpTW {height: 500px;}
	.homeSpTInner:first-child {margin-bottom: 22px;}
	.homeSpB .bg {width: 50%;top: -5%;}
	.homeSpB {padding: 20px 12px 58px 12px;}
	.homeSpBH {height: 152px;}
	.homeSpBHCont h2 {font-size: 18px; line-height: 24px;}
	.homeSpBHCont p {font-size: 20px; line-height: 26px;}
	.homeSpBW .bx-wrapper .bx-next {right: 26%;}
	.homeSpBW .bx-wrapper .bx-prev {left: 26%;}
	.lineW span {width: 20%;}
	.homeSpBW .bx-wrapper .bx-pager {bottom: -42px;}
	.homeSpBW .bx-wrapper .bx-controls-direction a {bottom: -45px;}
	.homeSp {padding-bottom: 40px;}
	.homeZpc .left {width: 96%; margin-bottom: 20px;}
	.homeZpc .right {width: 100%;}
	.homeZpc .right .line {width: 110px; margin: 6px 0 0 0px;}
	.homeZpc .right h2 {font-size: 20px;}
	.homeZpc .right h2 {margin-top: 12px;}
	.homeZpcCont p {margin-bottom: 14px;}
	.homeZpcList {margin-top: 20px;}
	.homeZpcList li {width: 80px; height: 80px; margin-right: 10px;}
	.homeZpcList li p {font-size: 12px; padding-top: 18px;}
	.homeZpc {padding: 46px 0 55px 0;}
	.homeDzzxH {height: 200px;}
	.homeDzzxH h2 {font-size: 18px; line-height: 28px; padding-top: 60px;margin-bottom: 14px;}
	.homeDzzxH h3 a {width: 110px; font-size: 14px;}
	
	.homeDzzxT .right,.homeDzzxT .left {width: 100%;}
	.homeDzzx .wrap {margin-top: 30px;}
	.homeDzzxTH h2,.homeDzzxBHCont h3 {font-size: 18px;}
	.homeDzzxTH .line {margin-bottom: 10px;}
	.homeDzzxT .right ul,.homeDzzxB {margin-top: 20px;}
	.homeDzzxT ul li {margin-bottom: 12px;}
	.homeDzzxBHCont h3 {line-height: 28px;}
	.homeDzzxBHCont p {font-size: 14px; line-height: 22px;}
	.homeDzzxBHCont {width: 312px;}
	.homeDzzxBH .line,.homeDzzxBH .block {display: none;}
	.homeDzzxBW .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: -42px;}	
	.homeDzzxBW .bx-wrapper .bx-prev {right: 40px;}
	.homeDzzxBW ul {padding-top: 20px;}
	.homeDzzxBW ul li {margin-right: 10px;width: 154px !important;}
	.homeDzzxBW ul li p {margin-top: 4px; font-size: 14px;}
	.homeDzzx {padding-bottom: 30px;}
	.homeNewsH {/*height: auto;*/}
	.homeNewsH .left h3 em {font-size: 24px; padding-right: 10px;}
	.homeNewsH .left h3 span { font-size: 14px;margin-top: 6px;}
	.homeNewsH .right {width: 100%;margin-top: -20px;}
	.homeNewsH .right a {width: 74px; height: 32px; line-height: 32px; font-size: 14px; }
	.homeNewsInner ul {width: 100%;}
	#bottom {height: auto; padding: 10px 0 10px 60px; line-height: 26px; font-size: 12px; position: relative; z-index: 22;}
	#bottom em {position: absolute; left: 10px; top: 10px;}
	#bottom a {display: inline-block;}
	.footerZx {width: 100%; text-align: center;}
	#footer {z-index: 22;}
	#footer .footerEwm {display: none; float: right; margin: 0; width: 44%; border: none; box-sizing: border-box; text-align: center;}
	.footerEwm .pic {width: 100%;}
	.footerEwm .pic img {display: inline-block; width: 110px; max-width: 100%;}
	#footer ul {display: none; width: 100%; margin-top: 16px; /*border-top: 1px solid #7c7c7c;*/ }
	#footer ul li {width: 24.25%; margin: 0; margin-left: 1%; font-size: 12px;}
	.footerZxH {display: none; width: 106px; font-size: 14px;}
	.footerZxH span {width: 18px;}
	.footerZxH span img {width: 100%;}
	.footerZxPhone p {font-size: 18px;}
	.footerCopy {margin-top: 8px; line-height: 22px; font-size: 12px;}
	.footerEwm p {font-size: 12px; line-height: 30px;}
	
	.bannerBox {height: 122px;}
	.bannerBox .bg {height: 48px;}
	
	.aboutH h3 {font-size: 13px; line-height: 18px; padding-top: 6px;}
	.aboutH h2 {font-size: 18px; line-height: 20px;}
	.aboutL {height: 52px;}
	.BtnL {right: 12px;}
	.aboutNav li {font-size: 14px;}
	.aboutRH h2,.aboutRInnerWrit h2 {font-size: 18px; line-height: 30px;}
	.aboutRH p {font-size: 13px; line-height: 18px;}
	.aboutRH {margin-top: 16px;}
	.aboutPic {width: 44%; margin: 0 15px 15px 0;}
	.aboutRW h3 {font-size: 16px; line-height: 24px; margin: 4px 0 8px 0;}
	.aboutRW p {font-size: 13px;}
	.aboutRInnerWrit {width: 100%;}
	.aboutRInnerPic {width: 100%; margin-top: 10px;}
	.aboutRInnerWrit h3 {font-size: 13px; line-height: 15px; margin-bottom: 10px;}
	.aboutRInner {padding: 15px 10px 15px 10px;}
	.contactList {padding-left: 0;width: 100%}
	.contactList li span {width: 30px; height: 30px; line-height: 30px;}
	.contactList li span.icon1 img {width: 24px;}
	.contactList li span.icon2 img {width: 26px;}
	.contactList li span.icon3 img {width: 20px;}
	.contactC {width: calc(100% - 34px);}
	.contactList li {width: 100%; margin: 0; margin-bottom: 15px;}
	.contactC h3 {font-size: 12px; line-height: 15px;}
	.contactC p {font-size: 14px; line-height: 16px;}
	.contactC p em {font-size: 13px;}
	.contactMap {height: 260px;}
	.issueList li {padding-left: 10px; margin-bottom: 12px;}
	.issueInner {line-height: 26px; font-size: 13px;}
	.issueList li h2 {font-size: 14px;}
	.aboutRTop p {font-size: 12px;}
	.newsList li .pic {width: 130px;}
	.newsInner {width: calc(100% - 140px);}
	.newsW {margin-top: 10px;}
	.newsInner h2 {font-size: 15px; line-height: 18px;}
	.newsInner p {font-size: 12px; line-height: 18px;}
	.newsInner a.more {width: 78px; height: 28px; line-height: 28px; font-size: 12px;}
	.newsList li {padding: 15px 0;}
	.newsDetailH h2 {font-size: 18px; margin-bottom: 2px;}
	.newsDetailH p {font-size: 12px;}
	.newsDetailCont p {font-size: 14px; line-height: 24px; margin-bottom: 10px;}
	.newsDetailW {padding: 0 10px;}
	.jump p {line-height: 28px;}
	.jump p a span {font-size: 14px;}
	.newsLink a {margin-right: 6px;}
	
	.productNext {transform: scale(0.66); margin-left: -40px;}
	.productNext1 {top: -40px;}
	.productNext2 {top: -38px;}
	.productNext3 {top: -33px;}
	.productNext4,.productNext5 {top: -32px;}
	
	.productWhyH h2 {font-size: 22px; line-height: 36px;}
	.productWhyH p {height: auto; font-size: 15px; line-height: 40px;}
	.productWhyH p span {width: 66px; height: 40px;}
	.productYf h2,.productCxH h2 {font-size: 22px;}
	.productYfList li {width:33.3%; margin-bottom: 10px;}
	.productYfList li p {margin-top: 4px;}
	.productCxH p, .showList li p {font-size: 12px; line-height: 20px;}
	.productCxList li p {font-size: 12px; line-height: 32px;}
	.productYfList, .productCxList, .productGyList, .showList, .showDetailW {margin-top: 20px;}
	.productCxList li {width: 48%; margin-left: 2%; margin-bottom: 10px;}
	.productCxList li:nth-child(2n+1){margin-left: 0;}
	.productGyList li {width: 32.666%; margin-left: 1%;}
	.productSpVideo {width: 100%; height: 250px; left: 0;}
	.productSpPic {width: 90%; right: auto; left: -10px;}
	/*.productSp {overflow-x: hidden;}*/
	.productSpVideo .bg {display: none;}
	.productSpPic .bg {top: auto; bottom: -10px; height: 48%;}
	.productSpW {height: 346px; margin-top: 20px;}
	.productGyList li {/*width: 49%; */margin-bottom: 10px;}
	/*.productJgList li:nth-child(4n) {margin-left: 2%;}*/
	.productJgList li:nth-child(2n+1) {margin-left: 0;}
	.productGyList li p {font-size: 14px; line-height: 34px;}
	.productAlList li {width: 49%; margin-left: 2%; margin-bottom: 36px;}
	.productAlList li:nth-child(2n+1) {margin-left: 0;}
	.productAlList li h3 {width: 50px; height: 50px; line-height: 50px; font-size: 15px;}
	.productAl {padding: 82px 0 30px 0;}
	.sampleW {width: 88%;}
	.formW {width: 100%; height: 36px; line-height: 36px;}
	.formW:first-child {margin-bottom: 15px;}
	.formInner {margin-bottom: 15px;}
	.formW p {font-size: 14px; padding-left: 10px;}
	.formW input {width: calc(100% - 58px);}
	.formText .formW textarea {font-size: 14px; line-height: 24px;}
	.formText .formW {height: 180px; padding: 10px 10px;}
	.formYzmInner {height: 36px; line-height: 36px;}
	.formYzmInner .formYzmW {width: 136px; margin-right: 10px;}
	.formYzmInner h4 {font-size: 14px;}
	.formYzmInner .formYzmW input {width: calc(100% - 68px);}
	.formYzmInner a {width: 136px;}
	.hint {margin-top: 38px;}
	/*.formB {margin-top: 20px;}*/
	.formB button {width: 36%; font-size: 14px;}	
	.formB button.formSure {margin-right: 4%;}
	.sample {padding: 110px 0 76px 0;}
	.sampleH h2 {font-size: 22px;}
	.sampleH {margin-bottom: 40px;}
	
	.showList li {width: 49%; margin-bottom: 15px;}
	.showList li:nth-child(3n) {margin-right: 2%;}
	.showList li:nth-child(2n) {margin-right: 0; }
	.showList li p {line-height: 30px;}
	
	/*.showPic {width: 100%;}*/
	.showWap {position: relative; width: 100%; height: 240px;}
	.showWap .showPic {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 22; overflow: hidden;}
	.showWap img.bg {position: relative; width: 100%; height: auto; z-index: 0;}
	.showDetailMainCont {width: 100%; margin-top: 20px;}
	.showDetailMainCont h2 {font-size: 18px;}
	.showDetailMainB a {width: 96px; font-size: 14px; margin-left: 6px;}
	.showDetailMainB a span {margin-right: 2px;}
	.showDetailBW .sliderShowDetail li {margin-right: 10px;}
	.showDetailBW .sliderShowDetail {margin-top: 15px;}
	.homeDzzxBW .bx-wrapper .bx-controls-direction a {top: -25px;}
	.showDetailH h3 span {font-size: 20px;}
	.showDetailW {margin-bottom: 40px;}
	
	.footerWap {position: relative; z-index: 222;}
	#bottom , #footer{z-index: 222;}
	#footer {padding-top: 5px;}
	
	.homeAdvanceW {display: none;}
	.homeAdvanceWW {display: block;}
	
	.bx-wrapper img {width: 100%;}
	
	.homeAdvanceM {display: block;}
	
	.footerZxPhone {display: none;}
	
	.productJgList li {width: 49%; margin-right: 1%;}
	.productJgList li:nth-child(2n) {margin-right: 0;}
	.productJgList li:nth-child(4n) {margin-left: 1%;}
	.banner .bx-wrapper .bx-controls-direction a {display: block; width: 26px; height: 30px; margin-top: 0; background-size: 12px;}
	.banner .bx-wrapper .bx-prev {left: 15px;}
	.banner .bx-wrapper .bx-next {right: 15px;}
	
	.productWhy .pic {display: none;}
	.productWap {display: block;}
	.productSp {padding: 82px 0 82px 0;}
	/*.productSpPic {bottom: -80px;}*/
	.productSpW {height: auto;}
	.productSpVideo {position: relative; margin-bottom: 20px;}
	.productSpPic {position: relative; width: 100%; left: 0; bottom: 0;}
	.productSpPic .bg {width: 74%;}
	
}


@media (max-width: 768px) {
	.meau-sev .cndns-right-box .box-border {width: 218px; height: 172px; padding: 12px;}
	.sev-t:after,#zixunUl:after {display: block; clear: both; content: ""; overflow: hidden;}
	.cndns-right-box .box-border .sev-t span {font-size: 38px; margin-right: 8px;}
	.cndns-right-box .box-border .sev-t p {font-size: 18px;}
	.cndns-right-box .box-border .sev-t p i {font-size: 12px;}
	.cndns-right-box .box-border .sev-b h4 {font-size: 12px; padding-bottom: 6px;}
	.cndns-right-box .box-border .sev-b li {width: 48%; margin-right: 2%;}
	.cndns-right-box .box-border .sev-b li a {font-size: 12px;}
	.cndns-right-box .box-border {padding: 12px;}
	.cndns-right-box .box-border .sev-t span {font-size: 36px; line-height: 42px;}
	.cndns-right-box .box-border .sev-t p {line-height: 20px; width: 100%;}
	.cndns-right-box .box-border .sev-t p {max-width: 100%;}
	.meau-code .cndns-right-box .box-border i {margin-top: 12px;}
	
}


/*在线留言*/
.page_message{margin-top: 50px !important;margin-bottom: 80px !important;}
.message_left{width: 45%;float: left;}
.message_left img{width:100%;height: 393px;}
.message_right{width: 50%;float: left;margin-left: 5%;}
.message-form button {
    width: 300px;
    background: #c11;
    height: 50px;
    color: #FFF;
    font-size: 22px;
}
.form-group input, .form-group textarea {
    border-radius: 3px;width:100%;
    border: 1px solid #ccc;
    padding: 15px;
}

#page-about {
    width: 1200px;height: 450px;
    margin: 0 auto 20px;
}
.form-group {
    margin-bottom: 12px;
}
.form-group label {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    width: 100px;
}
label {
    font-weight:700;
}



.ditu{width: 100%;height: auto;}
.ditu img{width: 100%; }